前端代码:
<u-form-item label="上传图片" label-width="99%"></u-form-item>
<u-form-item>
<u-upload ref="uUpload" :action="action" :show-progress="false" :auto-upload="false" :file-list="that.model.picture" :max-size="4 * 1024 * 1024" max-count="9" width="150" height="150" @oversize="oversize" @on-choose-complete="uppic"></u-upload>
</u-form-item>
action:上传文件接口。
max-size:文件最大尺寸。
max-count:文件最大上传数量。
oversize:文件超出大小限制执行的函数。
on-choose-complete:上传执行函数。
uppic(e) {
let that = this;
let num = 9;
that.$refs.uUpload.lists.map((item, i) => {
if (num === that.$refs.uUpload.lists.length) {
uni.showToast({
title: '最多上传9张图片',
icon: 'none'
});
return
}
if(i==that.$refs.uUpload.lists.length-1){
if (item.file) {
uni.uploadFile({
url: that.action,
filePath: item.file.path,
name:'file',
header:{"Content-Type": "multipart/form-data"},
success(res) {
let resp = JSON.parse(res.data);
that.model.picture.push(resp.data.url);
//console.log(that.pictureList);
}
});
}
}
});
},