開通OSS服務
創建Bucket
設定權限屬性
設定為公共讀:上傳需要授權,下載無需
打開BUCKET跨域屬性
每個BUCKET對應的OSS服務域名,用作上傳和下載域名
把外網域名添加到小程序的上傳域名白名單中
使用官方WEB前端實踐方案DEMO進行上傳測試
網址:https://help.aliyun.com/document_detail/31925.html?spm=5176.doc31923.6.628.JYYHox
修改DEMO中的密鑰和地址
demo根目錄下的upload.js文件
accessid和accesskey 獲得
注:上面示例使用的是本賬號的全局ID和KEY,這樣不安全,應該建立子賬號
建立RAM子賬號詳見官方指引。
使用修改參數后的阿里OSS官方MODE進行上傳測試
上傳成功后可以在控制臺看到文件信息:
查看上傳時的通信情況(不同瀏覽器存在不同),另,也可以選擇在DEMO的JS腳本中添加對應信息日志等方式。目的是借助官方DEMO生成上傳需要的簽名(signature)和加密策略(policy)信息;也可以考慮把官方的JS集成至自己的前端工程中。
從上述信息提取上傳用的授權關鍵信息
使用微信小程序上傳圖片
代碼如下:使用chooseImage API進行圖片選擇,然后調用uploadFile進行文件上傳
小程序調試時打印上傳文件名稱
通過阿里云控制臺可以看到文件已經成功上傳
點擊獲取地址:
圖片地址= 域名 + 文件名