天天看點

webuploader 批量上傳圖檔+參數上傳完整解決方案

jsp頁面:

1.官網下載下傳檔案

webuploader 批量上傳圖檔+參數上傳完整解決方案

2.将index.html裡面的引用和dom結構複制到自己的jsp頁面中,如圖:

webuploader 批量上傳圖檔+參數上傳完整解決方案
webuploader 批量上傳圖檔+參數上傳完整解決方案

3.這樣前段就基本完成了,然後修改一下upload.js檔案裡的内容,實作将後端傳來的id,随着圖檔上傳而傳到後端

webuploader 批量上傳圖檔+參數上傳完整解決方案

formData實在初始化的時候指派,這個時候我們的隐藏域中還沒有值,所有要給webuploader添加一個事件監聽

webuploader 批量上傳圖檔+參數上傳完整解決方案

這樣後面uid的值就會覆寫formData裡面uid的值,至此前端就算完了,下面來看看後端怎麼接手

springmvc接參

1.先上圖

webuploader 批量上傳圖檔+參數上傳完整解決方案

2.上一下結果圖

webuploader 批量上傳圖檔+參數上傳完整解決方案

是不是拿到資料之後就簡單多了呀!!!

自己照着api文檔弄的,如果你在處理過程中遇到問題,歡迎留言讨論。。。