欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

multipartfile vue

錢琪琛2年前9瀏覽0評論

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實現文件上傳的方法。在實際應用中,可以根據需求對代碼進行修改和擴展,以滿足具體的業務需求。