js兼容Firefox显示一种上传预览效果的方法

js兼容Firefox显示一种上传预览效果的方法
本文介绍了JS兼容Firefox显示上传图片预览效果的方法,供大家参考,具体的实现方法如下:

图像预览的例子

div {宽度:100px;身高:100px;边界:1px # a3bfe7固体;}
img {宽度:高度:汽车;汽车;}
功能viewpic(){
无功ofreader = FileReader();
ofreader.onload =功能(e){
document.getelementbyid(uploadpreviewsrc= e.target.result);
}
如果(document.getelementbyid(uploadimage ){。files.length = = = 0)
返回;
}
VaR Profile = document.getelementbyid(uploadimage)。文件{ 0 };
OFReader.readAsDataURL(Profile);
}
<输入ID =uploadimagetype=文件名称=我的照片
/>(onchange = 'viewpic);

运行效果如下图所示:
希望本文能对大家的javascript程序设计有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部