vue上传多张图片

我会带着你远行 2022-06-08 11:56 346阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70][]

data: {
    	pics: []
    }

doUpload_click(e) {
    							// 上传图片
    							let that = this;
    							for (var k = 0; k < e.target.files.length; k++) {
    								let file_val = e.target.files[k];
    								let imgFile = new FormData();
    								imgFile.append('fileType', 'IMAGE')
    								imgFile.append('file', file_val);
    								imgFile.append('filename', 'pics');
    								imgFile.append('pics', file_val);
    								if (file_val) {
    									axios({
    											method: 'post',
    											url: href_val + '/upload/image',
    											headers: {
    												'Authori-zation': 'Bearer ' + token
    											},
    											data: imgFile
    										})
    										.then(res => {
    											console.log("上传图片结果", res.data.data)
    											if (res.data.status == 200) {
    												if (that.pics.includes(res.data.data.url)) {
    													that.$toast('图片已存在');
    													return file_val
    												} else {
    													that.pics.push(res.data.data.url)
    												}
    											} else {
    												that.$toast(res.data.msg);
    											}
    										}).catch(function(error) {
    											that.$toast('接口错误');
    										});
    								}
    							}
    						}

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70]: /images/20220608/49f35f3ee79b4531977a91c2d4dee713.png