h5上传图片并预览

Posted xm16

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5上传图片并预览相关的知识,希望对你有一定的参考价值。

Obj.addEventListener("change",fun)

function fun(){

if (this.files && this.files[0]){
var imgSrc=document.querySelector("类"); //获取图片展示节点
        var reader = new FileReader(); //判断图片是否加载完毕
reader.onload = function(evt){
if(reader.readyState === 2){ //加载完毕后赋值
        imgSrc.src = evt.target.result;
            }
}
reader.readAsDataURL(this.files[0]);
}
}












以上是关于h5上传图片并预览的主要内容,如果未能解决你的问题,请参考以下文章

js-jssdk微信H5选择多张图片预览并上传(兼容ios,安卓,已测试)

关于H5里的API,上传图片预览功能

H5图片预览压缩上传

H5图片预览压缩上传

H5 实现图片上传预览

h5图片上传预览