js untuk melaksanakan kemahiran pratonton_javascript imej yang dimuat naik

Contoh dalam artikel ini menerangkan cara melaksanakan pratonton imej yang dimuat naik menggunakan js. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

function PreviewImage(imgFile)
{
var filextension=imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length);
Filextension=filextension.toLowerCase();
jika ((sambungan fail!='.jpg')&&(sambungan fail!='.gif')&&(sambungan fail!='.jpeg')&&(sambungan fail!='.png')&&(sambungan fail!='.bmp' ))
{
alert("Maaf, sistem hanya menyokong foto dalam format standard, sila laraskan format dan muat naik semula, terima kasih!");
imgFile.focus();
}
lain
{
laluan var;

jika(dokumen.semua)//IE
{
imgFile.select();
Laluan = document.selection.createRange().text;

Document.getElementById("imgPreview").innerHTML="";
document.getElementById("imgPreview").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="" path "")";//Gunakan kesan penapis
}
lain//FF
{
Laluan = imgFile.files[0].getAsDataURL();
Document.getElementById("imgPreview").innerHTML = "";
// document.getElementById("img1").src = laluan;
}
}
}

Panggil:

Salin kod Kod adalah seperti berikut:

Muat naik imej: style="width: 200px; height: 20px;" onchange="PreviewImage(this)" id="upload" />

Kesan operasi adalah seperti yang ditunjukkan di bawah:

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.