(mavonEditor)关于axios上传图片 后台如何接受图片的操作(前后端代码)

今天写一个需求,前端用axios上传图片,后端Springmvc如何接受图片呢,我的MultipartFile一直为空,在网上查了无数的数据,看到的都是什么
(1)前端发送的时候要加 content-type 啊
(2)后端要写@RequestParam注解啊 什么什么的
一点用都没有 简直!
下面来说说如何解决:
(1)前端只需要正常操作发送请求即可,下面是我的代码

imgAdd(pos, $file){
      // 第一步.将图片上传到服务器.
      var formdata = new FormData();
      formdata.append('upload', $file);
      axios({
        url: '你的请求地址',
        method: 'post',
        data: formdata,
        headers: { 'Content-Type': 'multipart/form-data' },
      }).then((url) => { //这里根据自己具体需求即可
        this.$refs.md.$img2Url(pos, url);
      })
    },

后端接收代码(重点重点)
这里后端正常写了Controller层的代码之后 一定要去applicationContext.xml 配置一个bean 用来解析分段上传图片的数据!!!这才是重点
加上这一句!!!直接 200(成功) 500不存在的!!! 淦

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"/>

下面是我的后端代码

	@RequestMapping("upload")
    @ResponseBody
    public String SpringMVCUpload(MultipartFile upload) throws IOException {
        System.out.println("文件上传...");
        System.out.println(upload);
        String realPath = "C:/Uploads/";
        File file = new File(realPath);
        if(!file.exists()){
            file.mkdirs();
        }
        UUID uuid = UUID.randomUUID();
        String Filename = uuid.toString().replace("-","")+upload.getOriginalFilename();
        upload.transferTo(new File(realPath,Filename));
        String imgPath = "C:/Uploads/" + Filename;
        System.out.println(imgPath);
        return imgPath;
    }
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值