前端使用element ui将图片上传至后台

官网上给出的方法是在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地址配合表单数据发送给后端就行