上传图片预览的js方法

本文介绍了JS上传图片预览的方法，供大家参考，具体的实现方法如下：

复制代码如下：功能previewimage（imgfile）

{

无功filextension = imgfile.value.substring（imgfile.value.lastindexof（，），imgfile。价值。长度）；

filextension = filextension.tolowercase（）；

如果（（filextension！=jpg）（filextension！='.gif') (filextension! =JPEG（filextension）！=PNG（filextension）！=bmp）

{

警告（抱歉），系统只支持照片的标准格式，请调整格式并重新上传，谢谢！。

ImgFile.focus（）；

}

其他的

{

VaR的路径；

如果（文档）伊江

{

ImgFile.select（）；

路径= document.selection.createrange（文本）；



document.getelementbyid（imgpreview ）.innerHTML = ；

document.getelementbyid（imgpreview ）。style.filter = ProgID：DXImageTransform.Microsoft.AlphaImageLoader（启用=真实，sizingmethod =规模，SRC = +路径+ ）； / /使用过滤器

}

否则

{

路径= imgfile。文件{ 0 }。getasdataurl（）；

document.getelementbyid（imgpreview ）.innerHTML = ；

/ / document.getelementbyid（img1 SRC =路径）；

}

}

}

呼叫：

复制代码如下：上传图片：<输入类型>文件

风格=宽度：200px；高度：20px；变化= previewimage（这）id=上传/ >





运行效果如下图所示：



希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。