Komentar: Artikel ini terutama memperkenalkan contoh pratinjau unggahan gambar HTML5. Teman yang membutuhkannya bisa merujuknya.
<! Doctype html>
<html lang = "zh-cn">
<head>
<meta charset = "UTF-8" />
<meta content = "edielei" />
<Title> HTML5 Gambar Pratinjau Upload </iteme>
<type skrip = "Text/JavaScript" src = "<a href =" http://ajax.googleapis.com/ajax/libs/jQuery/1.7.2/jquery.min.js "> </skrip"> "> </skrip </a >>
<type skrip = "Teks/JavaScript">
$ (function () {
$ ('#img'). ubah (function () {
var file = this.files [0]; // Pilih file yang diunggah
var r = filereader baru ();
r.readasdataurl (file); // base64
$ (r) .Load (function () {
$ ('Div'). html ('<img src = "' + this.result + '" />');
});
});
});
</script>
</head>
<body>
<h3> Pratinjau Upload Gambar HTML5 </h3>
<input type = "file" accept = "image /*" />
<div> </div>
</body>
</html>