vue上傳多個檔案,附件和其他資料一起傳給後臺
阿新 • • 發佈:2018-12-12
前端:
實現多圖上傳主要用到以下兩個屬性:
<el-form-item label="附件上傳" label-width="80px"> <el-form-item label="附件上傳" label-width="80px"> <el-upload style="padding-left:0px" class="upload-demo" action="admin/zuul/lcloud-elis-rms-gwb/um/rmsAnnex/upload" :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" :data="{idSalesTccUserNotetice:form.idSalesTccUserNotetice }" multiple :auto-upload="false"
}).catch(err => { console.log(err) }) },
java後臺:
@ResponseBody
@RequestMapping("/save")
public TResult insert (@RequestParam("file") MultipartFile[] file,@RequestParam("noticeTitle") String noticeTitle,
@RequestParam("noticeType") String noticeType,@RequestParam("isPublic") Integer isPublic,@RequestParam("note") String note,
@RequestParam("uid") String uid,HttpServletRequest request) {
TResult result = new TResult();
System.out.println(file.length);
}