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

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

開通OSS服務(wù)

創(chuàng)建Bucket

設(shè)定權(quán)限屬性

設(shè)定為公共讀：上傳需要授權(quán)，下載無需

打開BUCKET跨域?qū)傩?

每個(gè)BUCKET對應(yīng)的OSS服務(wù)域名，用作上傳和下載域名

把外網(wǎng)域名添加到小程序的上傳域名白名單中

使用官方WEB前端實(shí)踐方案DEMO進(jìn)行上傳測試

網(wǎng)址：s://help.aliyun.com/document_detail/31925.html?spm=5176.doc31923.6.628.JYYHox

修改DEMO中的密鑰和地址

demo根目錄下的upload.js文件

accessid和accesskey獲得

注：上面示例使用的是本賬號的全局ID和KEY，這樣不安全，應(yīng)該建立子賬號

建立RAM子賬號詳見官方指引。

使用修改參數(shù)后的阿里OSS官方MODE進(jìn)行上傳測試

上傳成功后可以在控制臺看到文件信息：

查看上傳時(shí)的通信情況（不同瀏覽器存在不同），另，也可以選擇在DEMO的JS腳本中添加對應(yīng)信息日志等方式。目的是借助官方DEMO生成上傳需要的簽名(signature)和加密策略(policy)信息；也可以考慮把官方的JS集成至自己的前端工程中。

從上述信息提取上傳用的授權(quán) 關(guān)鍵信息

使用微信小程序上傳圖片

代碼如下：使用chooseImageAPI進(jìn)行圖片選擇，然后調(diào)用uploadFile進(jìn)行文件上傳

小程序調(diào)試時(shí)打印上傳文件名稱

通過阿里云控制臺可以看到文件已經(jīng)成功上傳

點(diǎn)擊獲取地址：

圖片地址=域名+文件名