uni.uploadFile上传文件

uni.uploadFile上传文件

一、遇到问题

需求就是上传之前要在去请求一个识别图片的。所以需要手动上传图片，但是有以下问题

1.no bounry

2.file is not present

3.Failed to parse multipart servlet request; nested exception is java.io.IOException: org.apache.tomcat.util.http

最后导致上传失败。

然后刚开始看别人写的，结果不行。后来研究了一波。用下面的方式可以

1.

首先是header 是token信息，一个上传前的钩子函数，文件列表展示用

2.我在上传之前的事件注意别填写 content-type 和 formdata

async beforeUpload(index, list) {
    uni.uploadFile({
        url: this.define.baseURL+'/api/file/Uploader/annexpic',
		filePath: list[0].url,
		name: 'file', //后台接收字段名
	   // formdata:{formData},
		header: {
		   // "Content-Type": "multipart/form-data",
			...this.uploadHeaders
		},
		success: (res) => {
			console.log('请求成功_______________', res)
		},
		fail: (err) => {
			console.log('请求error_______________', err)
		}
	})

}

url是后端的接口

filepath直接用回调参数即可,

name:默认是file。如果后端接收文件名字不一样，则要更换

header:需要填写你的token等信息。