前端代碼:
用的element上傳組件
action:上傳后臺(tái)的地址
開始沒有設(shè)置api的時(shí)候 一直跨域被攔截 需要cli3新建一個(gè)vue.config.js 才可以傳輸成功
//后臺(tái)代碼? 我是用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;
? ? ? ? // 通過(guò)表單中的參數(shù)名來(lái)接收文件流(可用 file.getInputStream() 來(lái)接收輸入流)
? ? ? ? MultipartFile file = multipartRequest.getFile("file");
? ? ? ? System.out.println("上傳的文件名稱:" + file.getOriginalFilename());
? ? ? ? System.out.println("上傳的文件大小:" + file.getSize());
? ? ? ? file.transferTo(new File("F://"+file.getOriginalFilename()));設(shè)置儲(chǔ)存地址
? ? ? ? System.out.println("傳輸成功!");
? ? ? ? return;
? ? }
System.out.println("傳輸出錯(cuò)!");
return;