微客导航 » 文章资讯 » H5移动开发Ajax上传多张Base64格式图片到服务器

H5移动开发Ajax上传多张Base64格式图片到服务器

2024-02-23 14:21:03 369

废话不多说，直接看代码吧

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
好了，就是这个过程，接下来的就交给后端的同学处理了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

H5移动开发Ajax上传多张Base64格式图片到服务器

热门推荐

随机推荐