Artikel ini menjelaskan metode penerapan efek pratinjau gambar sebelum mengunggah gambar oleh JS. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <! Doctype html public "-// w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<Title> efek pratinjau gambar sebelum mengunggah gambar oleh js </iteme>
</head>
<body>
<input id = "myfile" type = "file" />
<br />
<img src = "/gambar/logo.gif"/>
<Div id = "info"> </div>
<type skrip = "Teks/JavaScript">
var dfile = document.geteLementById ('myfile');
var dimg = document.geteLementsbyTagname ('img') [0];
var dinfo = document.getElementById ('info');
dfile.onchange = function () {
if (! dfile.value.match (/. jpg | .gif | .png | .bmp/i)) {alert ('jenis file harus: .jpg, .gif, .bmp atau .png!'); return;}
if (dfile.files) {
DIMG.SRC = dfile.files [0] .getasDataurl ();
} else if (dfile.value.indexof ('//')> -1 || dfile.value.indexof ('//')> -1) {
DIMG.SRC = DFILE.VALUE;
}
}
</script>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.