تصف هذه المقالة طريقة تحميل معاينة الصورة بواسطة JS. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز على النحو التالي: Function PreviewImage (Imgfile)
{
var filextension = imgfile.value.substring (imgfile.value.lastindexof (".") ، imgfile.value.length) ؛
filextension = fileextension.toLowerCase () ؛
if ((filextense! = '.
{
ALERT ("عذرًا ، يدعم النظام فقط الصور بتنسيقات قياسية. يرجى ضبط التنسيق وتحميله مرة أخرى ، شكرًا لك!") ؛
imgfile.focus () ؛
}
آخر
{
var path ؛
إذا (document.all) // أي
{
imgfile.select () ؛
path = document.selection.createRange (). text ؛
document.getElementById ("imgpreview"). innerhtml = "" ؛
document.getElementById ("imgpreview"). style.filter = "progId: dimizageTransform.microsoft.alphaimageLoader (Enabled = 'true' ، sizingmethod = 'scale' ، src =/" " + path +")
}
آخر // ff
{
path = imgfile.files [0] .getasDataurl () ؛
document.getElementById ("imgpreview"). innerhtml = "<img id = 'img1' width = '120px' height = '100px' src = '"+path+"'/>" ؛
// document.getElementById ("img1"). src = path ؛
}
}
}
مُسَمًّى:
انسخ الرمز كما يلي: قم بتحميل الصورة: <إدخال type = "file" name = "file"
النمط = "العرض: 200 بكسل ؛ الارتفاع: 20 بكسل ؛" onChange = "PreviewImage (this)" id = "topload" />
<div id = "imgpreview">
</div>
يظهر تأثير التشغيل في الشكل أدناه:
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.