<view class="li fl" data-index='{{index}}' wx:for='{{imgUrl}}' bindtap="scPic">
<image src="{{img}}{{imgUrl[index]}}"></image>
</view>
<!--上传四张不显示添加图片-->
<view class="li fl" hidden="{{imgUrl.length=='4'}}" bindtap="scPic">
<image src="../../images/tjtp.png"></image>
</view>
data:{ //这是data里要定义的东西
dizhi: '',
imgUrl: [],
imgUrlNum: "",
imgSrc: ""
}
scPic: function (e) {
var that = this;
let ind = e.currentTarget.dataset.index
wx.chooseImage({
count: 1,
success: function (res) {
//缓存下
wx.showToast({
title: '正在上传...',
icon: 'loading',
mask: true,
duration: 2000,
success: function (ress) {
console.log('成功加载动画');
}
})
that.setData({
imageList: res.tempFilePaths
})
//获取第一张图片地址
var filep = res.tempFilePaths[0]
//向服务器端上传图片
// getApp().data.servsers,这是在app.js文件里定义的后端服务器地址
wx.uploadFile({
url: app.globalData.url + 'upload/upimg',
token: wx.getStorageSync("token"),
filePath: filep,
name: 'file',
formData: {
'user': 'test'
},
success: function (res) {
//var sss = JSON.parse(res.data)
let array = that.data.imgUrl;
var dizhi = res.data;
//更改已上传的图片
if (ind != undefined) {
array[ind] = dizhi
} else {
array.push(dizhi) //把上传的图片放到一个数组里
}
//把图片路径转成字符串,给后台传的时候用
let obj = '';
array.forEach((v, i, array) => {
obj = `${obj},${v}`
})
obj = obj.substring(1, obj.length)
//输出图片地址
that.setData({
dizhi: dizhi,
imgUrl: array,
imgSrc: obj
})
//do something
},
fail: function (err) {
console.log(err)
}
});
}
})
},