上传图片预览的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程序设计有所帮助。