В этой статье описывается метод загрузки предварительного просмотра изображения JS. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: Function PreviewImage (imgfile)
{
var fileExtension = imgfile.value.substring (imgfile.value.lastindexof ("."), imgfile.value.length);
fileeExtension = fileExtension.tolowerCase ();
If ((fileExtension! = '. Jpg') && (fileExtension! = '. Gif') && (fileExtension! = '. Jpeg') && (fileExtension! = '. Png') && (fileExtension! = '. Bmp'))
{
Alert («Извините, система поддерживает только фотографии в стандартных форматах. Пожалуйста, отрегулируйте формат и загрузите его еще раз, спасибо!»);
imgfile.focus ();
}
еще
{
var path;
if (document.all) // т.е.
{
imgfile.select ();
path = document.selection.createrange (). Text;
document.getElementbyId ("imgpreview"). innerhtml = "";
document.getElementById ("imgpreview"). style.filter = "progid: dximageTransform.microsoft.alphaimageLoader (anabled = 'true', sizemethod = 'scale', src =/" " + path +"/")
}
else // ff
{
path = imgfile.files [0] .getasDataurl ();
document.getElementbyId ("imgpreview"). innerhtml = "<img id = 'img1' width = '120px height =' 100px 'src ='"+path+"'/>";
// document.getElementbyId ("img1"). src = path;
}
}
}
Называется:
Скопируйте код следующим образом: Загрузите изображение: <input type = "file" name = "file"
style = "ширина: 200px; высота: 20px;" onchange = "previewImage (this)" id = "upload" />
<div id = "imgpreview">
</div>
Эффект работы показан на рисунке ниже:
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.