上传图片预览的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=上传/ >





运行效果如下图所示:



希望本文能对大家的javascript程序设计有所帮助。