前臺:
<input type="file" name="uploadfiles" id="wkstUploadfiles" @change="uploadWorksheetFile" />
<script>
return {
methods() {
uploadWorksheetFile:function(){
var formData = new FormData() // 聲明一個FormData對象
this.formData = new window.FormData() // vue 中使用 window.FormData(),否則會報 'FormData isn't definded'
var uploadfiles =document.querySelector('input[type=file]').files[0];
if(uploadfiles !=undefined){
formData.append("files", uploadfiles) // 'files' 這個名字要和後臺獲取文件的名字一樣;
}
formData.append("saveType","wkst");
app.request.post("a/sys/uploadfile/uploadfile2",formData, function (data) {
//解析處理
}
},
}
後臺:
@RequiresPermissions("oa:oaNotify:edit")
@RequestMapping("/uploadfile2")
public @ResponseBody Map<String,List<Files>> UploadFile2(ModelMap model,HttpSession session,String saveType,MultipartFile files,HttpServletRequest request) throws IOException{
Map<String, List<Files>> map = uploadfileService.upload(files, saveType,
request,session);
//這個地方是自己封裝的上傳文件方法,沒啥特別的,不再貼出,關鍵還是前臺代碼
return map;
}