Vue和springboot实现文件上传代码

（仅供自己保存学习，代码是引用别人的出处已标注）

vue前端部分：

 //input触发事件
       upload_photo: function(e){
        let file = e.target.files[0];
        console.log(file);
 
        this.uploadFile(file);
 
       },
 
      //图片上传
      uploadFile(file){
 
        let httpurl = this.url.uploadFile;  //后端接口地址
        var formData = new FormData();
        formData.append('file',file);
 
        axios.post(httpurl,formData).then((response) => {
          console.log('响应');
          console.log(response);
          this.$message.success('成功');
        }).catch(function (err) {
          console.log('失败');
          console.log(err);    //捕获异常
          this.$message.warning('失败');
        }).finally(()=>{
 
        });
 
      },
————————————————
版权声明：本文为CSDN博主「_Peko_」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/piano_diano/article/details/113239242

springboot后端部分：

@RequestMapping(value = "/uploadFile", method = RequestMethod.POST)
	 public Map<String, String> uploadPhoto(MultipartFile file, HttpServletRequest request) throws IOException, ServletException {
	 	 Map<String, String> ret = new HashMap<String, String>();
		 logger.info("getName = "+file.getName());
		 logger.info("getOriginalFilename = "+file.getOriginalFilename());
		 ret.put("type", "success");
		 return ret;
	 }
————————————————
版权声明：本文为CSDN博主「_Peko_」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/piano_diano/article/details/113239242