開通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進行文件上傳
小程序調試時打印上傳文件名稱
經過阿里雲控制檯能夠看到文件已經成功上傳
點擊獲取地址:
圖片地址= 域名 + 文件名