前端代码：

用的element上传组件

action:上传后台的地址

如图

开始没有设置api的时候 一直跨域被拦截 需要cli3新建一个vue.config.js 才可以传输成功

target为地址，可以定义多个

//后台代码  我是用java:

@RequestMapping(value="/tupian",method = RequestMethod.POST)

public void apiProduct(HttpServletRequest req,HttpServletResponse res) throws IOException {

res.setCharacterEncoding("UTF-8");

res.setContentType("textml;charset = UTF-8");

res.addHeader("Access-Control-Allow-Origin", "*");

if (req instanceof MultipartHttpServletRequest) {

        MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) req;

        // 通过表单中的参数名来接收文件流（可用 file.getInputStream() 来接收输入流）

        MultipartFile file = multipartRequest.getFile("file");

        System.out.println("上传的文件名称:" + file.getOriginalFilename());

        System.out.println("上传的文件大小:" + file.getSize());

        file.transferTo(new File("F://"+file.getOriginalFilename()));设置储存地址

        System.out.println("传输成功!");

        return;

    }

System.out.println("传输出错!");

return;