小程序圖片上傳阿里OSS使用方法

小程序圖片上傳阿里OSS使用方法步驟:

開通OSS服務html

建立Bucket前端

 

設定權限屬性小程序

設定爲公共讀:上傳須要受權,下載無需微信小程序

 

打開BUCKET跨域屬性跨域

每一個BUCKET對應的OSS服務域名,用做上傳和下載域名瀏覽器

把外網域名添加到小程序的上傳域名白名單中安全

使用官方WEB前端實踐方案DEMO進行上傳測試微信

網址:https://help.aliyun.com/document_detail/31925.html?spm=5176.doc31923.6.628.JYYHox
修改DEMO中的密鑰和地址app

demo根目錄下的upload.js文件測試

accessid和accesskey 得到

注:上面示例使用的是本帳號的全局ID和KEY,這樣不安全,應該創建子帳號

創建RAM子帳號詳見官方指引。

使用修改參數後的阿里OSS官方MODE進行上傳測試

上傳成功後能夠在控制檯看到文件信息:

查看上傳時的通訊狀況(不一樣瀏覽器存在不一樣),另,也能夠選擇在DEMO的JS腳本中添加對應信息日誌等方式。目的是藉助官方DEMO生成上傳須要的簽名(signature)和加密策略(policy)信息;也能夠考慮把官方的JS集成至本身的前端工程中。

從上述信息提取上傳用的受權關鍵信息

使用微信小程序上傳圖片

代碼以下:使用chooseImage API進行圖片選擇,而後調用uploadFile進行文件上傳

小程序調試時打印上傳文件名稱

經過阿里雲控制檯能夠看到文件已經成功上傳

點擊獲取地址:

圖片地址= 域名 + 文件名

相關文章
相關標籤/搜索