MultipartFile是Spring框架中的一種文件上傳處理方式。在使用Vue框架開發前端頁面時,如果需要實現文件上傳的功能,可以使用MultipartFile結合Vue來完成。
在Vue中,可以使用axios來發送請求。如果要上傳文件,需要將文件數據添加到FormData對象中,并從FormData對象中獲取數據發送給服務端。
// 上傳方法 upload() { // 獲取文件 let formData = new FormData(); formData.append('file', this.file); let config = { headers: { 'Content-Type': 'multipart/form-data' } }; // 發送請求 axios.post('/upload', formData, config).then((response) =>{ console.log(response); }).catch((error) =>{ console.log(error); }); }
在服務端中,需要使用MultipartFile來接收前端發送的文件數據。
@PostMapping("/upload") public String uploadFile(@RequestParam("file") MultipartFile file) { String originalFilename = file.getOriginalFilename(); if (!file.isEmpty()) { try { byte[] bytes = file.getBytes(); Path path = Paths.get(UPLOAD_DIR + originalFilename); Files.write(path, bytes); } catch (IOException e) { e.printStackTrace(); } } return "success"; }
以上就是使用MultipartFile和Vue實現文件上傳的方法。在實際應用中,可以根據需求對代碼進行修改和擴展,以滿足具體的業務需求。
上一篇mysql各種索引
下一篇html 設置li位置