Framework7 上傳附件

前臺:

<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;
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章