H5移动开发Ajax上传多张Base64格式图片到服务器
废话不多说,直接看代码吧
1、上传组件
2、展示添加上的图片
viewimg($event){ //获取当前的input标签 varcurrentObj=event.currentTarget; //找到要预览的图片img标签,亦可动态生成 varimg=currentObj.parentNode.children[0]; setImagePreview(currentObj,img); functionsetImagePreview(docObj,imgObjPreview){ if(docObj.files&&docObj.files[0]){ imgObjPreview.style.display='block'; imgObjPreview.src=window.URL.createObjectURL(docObj.files[0]); } } }
3、获取图片并上传到服务器
//单张图片上传 varinputs=$("input.fileupload"); for(vari=0;i好了,就是这个过程,接下来的就交给后端的同学处理了。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。