javascript实现移动端上传图片功能
本文实例为大家分享了javascript实现移动端上传图片的具体代码,供大家参考,具体内容如下
核心部分(.html)
window.onload=function(){ letfileTag=document.getElementById('file'); //console.log(fileTag) //console.log(this.http://dh.naixunwei.compic) letthat=this fileTag.onchange=function(){ letfile=fileTag.files[0]; letfileReader=newFileReader(); //console.log(file) console.log(fileReader) //console.log(that.http://dh.naixunwei.compic) fileReader.onloadend=function(){ console.log(1212) if(fileReader.readyState==fileReader.DONE){ //console.log(that.http://dh.naixunwei.compic) console.log(fileReader) if(that.http://dh.naixunwei.compic==""){ console.log(1111) that.http://dh.naixunwei.compic=fileReader.result that.input1=false that.upLoad(fileReader.result) return }else{ if(that.http://dh.naixunwei.comhttp://dh.naixunwei.compic2==''){ console.log(2222) that.http://dh.naixunwei.comhttp://dh.naixunwei.compic2=fileReader.result that.input2=false return }else{ if(that.http://dh.naixunwei.comhttp://dh.naixunwei.compic3==''){ console.log(3333) that.http://dh.naixunwei.comhttp://dh.naixunwei.compic3=fileReader.result that.input3=false return }else{ if(that.http://dh.naixunwei.comhttp://dh.naixunwei.compic4==''){ console.log(4444) that.http://dh.naixunwei.comhttp://dh.naixunwei.compic4=fileReader.result that.input4=false return }else{ console.log(5555) if(that.http://dh.naixunwei.comhttp://dh.naixunwei.compic5==''){ that.http://dh.naixunwei.comhttp://dh.naixunwei.compic5=fileReader.result that.input5=false return } } } } } //console.log(that.http://dh.naixunwei.compic) } }; fileReader.readAsDataURL(file); } }
vue项目代码
主要是HTML页面设计
X