用uView上传多个图片

前端代码:

<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);
								}	
							});
						}
					}
				});
},

Guess you like

Origin blog.csdn.net/u010261924/article/details/119976204