前言
上一篇文章中写到了在上传视频的时候给后台添加唯一标识，现在在多图上传的时候实现添加唯一标识，大题思路基本相同，只是有一些小细节要注意
代码
js文件
formSubmit: function(e) {
this.uploadimg(e)
},
chooseImage: function() {
var that = this
wx.chooseImage({
count: this.data.count[this.data.countIndex],
success: function(res) {
var imgsrc = res.tempFilePaths;
console.log(res)
that.setData({
imageList: imgsrc
})
}
})
},
//上传图片
uploadimg: function(e) {
var imageList = this.data.imageList;
var phone = e.detail.value.phone;
console.log('图片标识' + phone)
app.uploadimg({
url: 'http://172.16.92.237:8080/upanddown/upload2',
path: imageList,
phone:{phone:phone}//此处需要注意
})
}
这里需要注意的是在uplodadimg函数中formData的写法，与上一篇的写法不一样，此处的多图上传函数我是分两个文件写的。
app.js文件
uploadimg(data) {
var that = this,
i = data.i ? data.i : 0,
success = data.success ? data.success : 0,
fail = data.fail ? data.fail : 0;
wx.uploadFile({
url: data.url,
filePath: data.path[i],
name: 'files',
formData: data.phone,//此处需要注意
success: (resp) => {
success++;
console.log(resp)
console.log(i);
},
fail: (res) => {
fail++;
console.log('fail' + i + "fail:" + fail);
},
complete: () => {
console.log(i);
i++;
if (i == data.path.length) { //图片上传完，停止调用
console.log('执行完毕');
console.log('成功：' + success + "失败：" + fail);
} else { //图片还没上传完，继续调用
console.log(i);
data.i = i;
data.success = success;
data.fail = fail;
that.uploadimg(data);
}
}
})
}
})
此处的formData我首先定义为data.phone，因此在js文件中的写法应该是phone:{phone:phone}
而我一开始写成formData:{phone:phone}和formData:phone都是会导致后台无法接收到图片，而不会报错
总结
文件上传写在别的文件中时，uploadFile函数中官方定义的参数被我们自己定义后，在调用时应该改成我们自己定义的变量名
wx.uploadFile({
url: data.url,
filePath: data.path[i],
name: 'files',
formData: data.phone
})
变成
app.uploadimg({
url: 'http://172.16.92.237:8080/upanddown/upload2',
path: imageList,
phone:{phone:phone}
})
即关注data.后面的值,传值方面的变化
url->url,filePath->path,formData->phone
