当前位置:   article > 正文

uni-app h5 uploadFile多文件/图片上传_sourcetype u-upload

sourcetype u-upload

问题描述:在使用uni-app开发h5时要实现多图片上传给后台 不使用循环 发现给后台的格式有误 后台取不到数据 需改变下传递的数据格式

uni.chooseImage({
sourceType: sourceType[this.sourceTypeIndex],
sizeType: sizeType[this.sizeTypeIndex],
count: this.count,
success: res => {
const files = res.tempFiles;
let imgArr = [];
//这里是关键点
for (let i = 0; i < files.length; i++) {
let obj = new Object();
obj.name = ‘img’ + i;
obj.uri = files[i].path;
imgArr.push(obj);
}
this.params.imageList = this.imageList.concat(res.tempFilePaths);
// 图片上传
uni.uploadFile({
url: FILE_BASE_URL + ‘common/uploadMore’,
files: imgArr,
fileType: “image”,
success: uploadFileRes => {
if (uploadFileRes.statusCode === 200) {
uni.showToast({
title: ‘上传成功’,
icon: ‘none’
});
var dataResult = JSON.parse(uploadFileRes.data).data;
dataResult.forEach(res => {
this.params.submitImage.push(res);
});
console.log(‘要提交图片’, this.params.submitImage);
this.$emit(‘handleUploadSuccess’, this.params);
} else {
uni.showToast({
title: ‘上传失败’,
icon: ‘none’
});
}
},
fail() {
uni.showToast({
title: ‘上传失败’,
icon: ‘none’
});
uni.hideLoading();
}
});

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号