自定義表單中多附件上傳控制項的實現方案

2021-09-06 12:29:08 字數 948 閱讀 2122

多附件上傳的功能,在我們開發系統的時候經常會需要,客戶的需求也很複雜,如果每次的附件上傳都從最基本的html元素 type=file來做的話,還是比較費時費工。如果我們把附件上傳的功能封裝成乙個控制項,在需要上傳的頁面中直接拉下來控制項,通過設定屬性就能完成多附件上傳,這樣是最方便和快捷的。

封裝多附件上傳的控制項需要解決的問題:

1.乙個控制項,能實現多個附件的上傳,不是乙個控制項就只能上傳乙個附件。

2.附件儲存的位置:兩種設定,儲存到檔案,儲存到資料庫;儲存到檔案的方式會存檔案的路徑。

3.附件和資料庫表繫結,即乙個業務錶能上傳一種型別的附件

4.多個附件控制項和不同的資料庫表繫結

5.多個附件控制項和同乙個資料庫表繫結,即同乙個業務錶能上傳多種型別的附件,如簡歷中,工作經歷附件,教育程度附件,所得獎項的附件等等。

6.能指定上傳附件的型別,如只能上傳.doc的檔案,或只能上傳.pdf的檔案

7.附件和資料庫表記錄關聯,不同的頁面能顯示其他頁面上傳的附件

8.附件記錄的唯讀可見等的設定

9.附件記錄可刪除,不可刪除的許可權設定

10.附件記錄可新增,不可新增的許可權設定

多附件上傳的控制項達到這些功能後,就和方便實用了,在同乙個功能頁面中,可以任意設定附件上傳的控制項,達到錄入附件的功能。

如簡歷表中,工作經歷附件上傳,教育程度附件上傳。

需要一種附件上傳的功能,就拉乙個附件上傳的控制項,和資料庫表繫結,設定屬性,就能完成錄入的功能。

具體的附件上傳是和記錄關聯的,當需要顯示附件的時候,取出記錄,就能顯示出附件了,附件的內容也可以通過設定許可權達到唯讀,或再次新增刪除等功能。

在後續的流程節點步驟中,也能取出這裡上傳的附件,做顯示,或者重新新增附件等操作。

乙個頁面也可以拉多個上傳附件的控制項等。

Angular 自定義表單控制項

分享乙個最近寫的支援表單驗證的時間選擇元件。import from angular core import from angular forms component styles host container input box panel title item item hover,item.se...

使用者控制項中多控制項自定義單擊事件

這個題目聽上去有點繞,不知道該如何描述。如下圖,根據需求自定義了乙個使用者控制項 usercontrol 除了使用者控制項本身外,上面還有乙個標籤控制項 labelcontrol 和控制項 pictureedit 它們三者各自有乙個單擊事件 click 現使用者控制項的單擊click事件只能在 非控...

自定義Web上傳控制項設計

lgz.on elid,callback 建立乙個透明的,設display為none 註冊elid的mousemove 移動upload的位置使當前滑鼠位置落在upload的右端按鈕上面,設upload的display為block 不能使用mouseover,不知什麼原因,upload很多時候第一次...