数码资讯
js兼容Firefox显示一种上传图片预览效果的方法
本文介绍了JS兼容Firefox显示上传图片预览效果的方法,供大家参考,具体的实现方法如下: 图像预览的例子 div {宽度:100px;身高:100px;边界:1px # a3bfe7固体;} img {宽度:高度:汽车;汽车;} 功能viewpic(){ 无功ofreader = FileRea
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文介绍了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程序设计有所帮助。
图像预览的例子
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程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。