實戰|如何使用雲開發實作照片附件上傳開發

雲開發是騰訊雲提供的雲原生一體化開發環境和工具平台，為開發者提供高可用、自動彈性擴縮的後端雲服務，可用于雲端一體化開發多種端應用。

代碼引入

在目前頁面的.json 中引入元件

代碼開發

在目前頁面.wxml中編寫上傳元件

bindfail 圖檔上傳失敗的事件，detail為{type, errMsg}，type為1表示圖檔超過大小限制，type為2表示選擇圖檔失敗，type為3表示圖檔上傳失敗。 bindselect 圖檔選擇觸發的事件，detail為{tempFilePaths, tempFiles, contents},其中tempFiles和tempFilePaths是chooseImage傳回的字段，contents表示所選的圖檔的二進制Buffer清單 max-count 圖檔上傳的個數限制

在目前頁面的.js中編寫

屬性參考文檔：https://wechat-miniprogram.github.io/weui/docs/uploader.html

我們關聯雲開發之後，我們即可将照片上傳到資料庫中。

為友善管理，我們可以建立CMS内容管理器。

建立CMS内容管理器

點選雲開發->更多->内容管理 進行開通。

2.雲開發為大家準備了基礎版，為大家提供了一定的免費額度。

設定管理者賬号以及密碼，溫馨提示密碼請牢記（如果忘記密碼可以再内容管理器頁面重置密碼），設定完成後耐心等待系統初始化。

3.根據頁面中提供的通路位址通路頁面登陸後，建立新的項目（這裡以花園假期為例）

4.我們在内容模型中建立照片上傳管理（這裡模拟情況為僅需要使用者上傳和記錄使用者id)

建立内容模型

如果需要使用者上傳多張照片，在設定照片字段時候需要勾選允許使用者上傳多張照片！

5.使用者上傳後我們可以再内容集合，相應模型中檢視。

本文由部落格一文多發平台 OpenWrite 釋出！