Artikel ini menjelaskan metode mengunggah pratinjau gambar oleh JS. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: Function PreviewImage (IMGFile)
{
var fileextension = imgfile.value.substring (imgfile.value.LastIndexOf ("."), imgfile.value.length);
fileextension = fileextension.tolowercase ();
If ((fileExtension! = '. Jpg') && (fileextension! = '. Gif') && (fileExtension! = '. Jpeg') && (fileExtension! = '. Png') && (fileExtension! = '. Bmp')))))
{
Peringatan ("Maaf, sistem hanya mendukung foto dalam format standar. Harap sesuaikan format dan unggah lagi, terima kasih!");
imgfile.focus ();
}
kalau tidak
{
Jalur var;
if (document.all) // yaitu
{
imgfile.select ();
path = document.selection.createrange (). Teks;
document.geteLementById ("imgpreview"). innerHtml = "";
document.geteLementById ("imgpreview"). style.filter = "progid: dximagetransform.microsoft.alphaimageloader (enabled = 'true', sizingMethod = 'skala', src =/" " + path +"/");
}
lain // ff
{
path = imgfile.files [0] .getasDataurl ();
document.geteLementById ("imgpreview"). innerHtml = "<img id = 'img1' width = '120px' height = '100px' src = '"+path+"'/>";
// document.geteLementById ("img1"). src = path;
}
}
}
Ditelepon:
Salin kode sebagai berikut: Unggah gambar: <input type = "file" name = "file"
style = "Lebar: 200px; Tinggi: 20px;" onchange = "previewImage (this)" id = "unggah" />
<Div id = "imgpreview">
</div>
Efek operasi ditunjukkan pada gambar di bawah ini:
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.