【Bonita BPM】Document 檔案上傳 - Part3：複數檔案上傳

tags: Bonita BPM

複數檔案

步驟1：後端設定

1. 參考COMMON
2. 將 document 設定為 Multiple
3. 建立該 document 變數相對應的前端變數：contract會自動設定為 Multiple
4. 建立前後端變數關係：operation

步驟2：於UI Designer建立變數，用Array的方式

Name	Value	Type
files	[]	JSON

步驟3：Upload元件設定

1. Container如何使用
   • $index：the index of the current iteration of the collection (counting from 0)
   • $item：the element of the current iteration
   • $collection：the current collection
2. 將Upload元件放置於Container中
   • Container元件的屬性設定
     • Collection：files
   • Upload元件的屬性設定
     • URL：../API/formFileUpload 或 /bonita/API/formFileUpload
     • Value：$collection[$index]
3. 於Container中加入Remove Button
   • Remove Button元件的屬性設定
     • Action：Remove from collection
     • Collection：$collection
     • Remove：Item
     • Item to remove：$item
4. 外面建立一個Add Button
   • Add Button元件的屬性設定
     • Action：Add to collection
     • Collection：files (因為在Container之外)

步驟4：將UI Designer建立變數assign給前端contract變數

return {'testDocumentInput':$data.files}

複數上傳結果呈現

Reference 參考資料

1. 官方文件：https://documentation.bonitasoft.com/bonita/7.6/documents

Related Link 相關連結

1. 【Bonita BPM】Document 檔案下載：
   https://spicyboyd.blogspot.com/2018/01/bonita-bpmdocument_15.html
2. Document 檔案的各種Type：
   https://spicyboyd.blogspot.com/2018/01/bonita-bpmdocument-type.html