前端代码:
用的element上传组件
action:上传后台的地址
开始没有设置api的时候 一直跨域被拦截 需要cli3新建一个vue.config.js 才可以传输成功
//后台代码 我是用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;