上傳圖片到云存儲

在app.js中配置。初始化云環境。

在index.wxml中寫頁面

在index.js中寫upload的執行方法

獲取并展示云存儲里的圖片

index,wxml

<button bindtap = "upload">上傳文件</button><image src = "{{imgURL}}"></image>

index.js

Page({data:{imgURL:""},//上傳文件upload(){//把this賦值給that，就相當于that的作用域是全局的。let that = this;console.log("jaj");wx.chooseImage({count: 1,sizeType: ['original', 'compressed'],sourceType: ['album', 'camera'],success(res) {console.log("成功",res);that.uploadImage(res.tempFilePaths[0]);}})},uploadImage(fileURL) {wx.cloud.uploadFile({cloudPath:new Date().getTime()+'.png', // 上傳至云端的路徑filePath: fileURL, // 小程序臨時文件路徑success: res => {// 返回文件 IDconsole.log("上傳成功",res)//獲取文件路徑this.setData({imgURL:res.fileID})},fail: console.error})} })

總結

以上是生活随笔為你收集整理的微信小程序云开发--上传图片到云存储获取并展示云存储里的图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。