这篇文章给大家分享的是有关如何使用JavaScript实现预览本地上传图片功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
具体如下:
& lt; html>
& lt; head>
& lt; title> www.jb51.net 图片上传预览& lt;/title>
& lt; script>,
function 才能PreviewImage (imgFile), {
,,,var pattern =,/(\ * . jpg $) | (\ * . png $) | (\ * . jpeg $) |(\。*美元gif) | (\ * . bmp $)/;
,,,if (! pattern.test (imgFile.value)), {
,,,,,警报(“系统仅支持jpg/jpeg、png、gif/bmp格式的照片!“);
,,,,,imgFile.focus ();
,,,},{else
,,,,,var 路径;
,,,,,if (document.all), {//IE
,,,,,,,imgFile.select ();
,,,,,,,path =, document.selection.createRange。text ();
,,,,,,,. getelementbyid (“imgPreview") .innerHTML =,““
,,,,,,,. getelementbyid (“imgPreview") .style.filter =,“progid: DXImageTransform.Microsoft.AlphaImageLoader(启用=& # 39;真正的# 39;,sizingMethod=& # 39;规模# 39;,https://www.yisu.com/src=" +路径+ ");//使用滤镜效果
}{//FF
路径=URL.createObjectURL (imgFile.files [0]);
. getelementbyid (“imgPreview”)。innerHTML=" 
