uniapp图片上传方案

343 阅读1分钟

此处后端要求的是使用post请求,把文件流信息携带在body里上传。 原生可通过new File,获得图片的文件信息,在通过new FromData

//通过FormData构造函数创建一个空对象
let formdata=new FormData();
//可以通过append()方法来追加数据
formdata.append("name","laotie");
//通过get方法对值进行读取
console.log(formdata.get("name"));//laotie
//通过set方法对值进行设置
formdata.set("name","laoliu");
console.log(formdata.get("name"));//laoliu

然后设置"Content-Type": "multipart/form-data", 发送请求里的data:file上传

uniapp不支持FormData!!!

需要使用uni.uploadFile(OBJECT)才可以上传,详细见官网

示例:

uni.uploadFile({
	url: '*******', //仅为示例,非真实的接口地址
	filePath: item.path,
	name: 'file',
	formData: {
		file: item.file //你要传的临时文件
	},
	success: (uploadFileRes) => {
		console.log(uploadFileRes.data);
	}
});