官网上给出的方法是在action写上后台的接口,用户选择图片,图片就会立即上传至后台。而实际的后台需求是要求图片数据跟随form表单中的数据一起提交,所以就需要使用官网上给出的http-request来自定义上传的方法。在methods中,该方法中的参数为file,初始化一个new FormData类型的对象,该对象的append方法将file字符串类型的键赋值为file.file。上传到后台是
this.$http(后台接口, fd, 'form').then((res) => {
if (res.data.code === SuccessCode) {
this.$message.success("上传成功");
} else {
this.$message.error(res.data.message);
}
});
如果前者不能正常之用的话,可以使用这种方法(立即上传式)
将 :http-request后的方法写入methods中,传入参数data和key。然后在方法中写入
let myFile = data.file
let fd = new FormData();
fd.append('file',myFile)
写入具体的请求方法,并将请求头设置为
headers: {
'Content-Type': 'multipart/form-data'
},
向后台传入的参数就是fd(看具体需求)
一般后端会返回这张图片的url地址,如果有表单数据的话,将返回的url地址配合表单数据发送给后端就行