开发微信小程序实现上传图片 拍照功能

wxml代码:

//给button添加点击事件
<button bindtap="doUpload"></button>

js代码

doUpload(){
    // 选择上传的图片
    wx.chooseImage({
      count: 1,            //这里是选择几张图片
      sizeType: ['compressed'],   //把上传的图片进行压缩图
      sourceType: ['album', 'camera'],    //选择相册或拍照
      success: function (res) {
        wx.showLoading({
          title: '上传中',
        })
        const filePath = res.tempFilePaths[0]
        // 上传图片
        const cloudPath = 'my-image' + Date.now() + filePath.match(/\.[^.]+?$/)[0]   //上传图片         的名字,根据时间自定义图片文件名,使得上传后的每一张文件名都不一样,放置重名覆盖。
        wx.cloud.uploadFile({    //将图片上传到云服务器的云存储中
          cloudPath, //云存储的路径
          filePath,  //本地图片路径
          success: res => {
            console.log('[上传文件] 成功:', res) 
           console.log(res.fileID)  // 上传后图片的 fileID
            // wx.navigateTo({   上传成功后跳转到某个页面
            //   url: '../storageConsole/storageConsole'
            // })
          },
          fail: e => {
            console.error('[上传文件] 失败:', e)
            wx.showToast({
              icon: 'none',
              title: '上传失败',
            })
          },
          complete: () => {
            wx.hideLoading()
          }
        })

      },
      fail: e => {
        console.error(e)
      }
    })
  }

你可能感兴趣的:(微信小程序,javascript)