小程序模板網(wǎng)

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

發(fā)布時(shí)間:2017-12-21 10:07 所屬欄目:小程序開發(fā)教程

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

開通OSS服務(wù)

創(chuàng)建Bucket

 

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

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

 

打開BUCKET跨域?qū)傩?/p>

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

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

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

網(wǎng)址:https://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)鍵信息

使用微信小程序上傳圖片

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

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

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

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

圖片地址= 域名 + 文件名


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/18218.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢