微信小程相对图片路径_微信小程序上传多图到服务器并获取返回的路径

微信小程序上传图片很简单：

//点击选择图片

chooseimage:function(){

var that = this;

wx.chooseImage({

count: 9, // 默认9

sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有

sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有

success: function(res) {

that.setData({

tempFilePaths: that.data.tempFilePaths.concat(res.tempFilePaths)//在已有的基础上进行拼接

})

}

})

},

这里的setData里面是当你选择照片之后，再一次出发函数时候，会在原有的基础上增加照片，而不是覆盖掉，有兴趣可以看一下concat的含义

这里就选择了照片，可以显示在界面上

data-id='{ {index}}' bindtap='delete'>

效果图：

然后是多图上传的过程，这里我上传到公司oss里面，源码：

upload:function(){

for (var i = 0; i < this.data.tempFilePaths.length; i++) {

// console.log("000")

this.upload_file(this.data.tempFilePaths[i])

}

},

upload_file: function (filepath) {

var that = this;

wx.uploadFile({

url: 'https://***********************/imgs',

header: {

'content-type': 'multipart/form-data'

},

filePath: filepath,

name: 'file',

formData: {

file: filepath

},

success:function(re