WeChat 애플릿 클라우드 개발을 위한 클라우드 스토리지(이미지 업로드 및 다운로드 실현)

---

머리말

우리는 종종 파일(오디오, 사진, 압축 패키지, 문서)을 인터넷에 저장합니다. 우리의 클라우드 개발 플랫폼은 개발자를 위한 "클라우드 저장소" 공간을 제공합니다. 개발자는 다운로드 주소와 파일 ID를 얻기 위해 파일을 업로드하기만 하면 됩니다.

1. 클라우드 스토리지 사용

코드는 다음과 같습니다(예제).

 wx.cloud.uploadFile({
    
    
        cloudPath:`上传的位置/$文件的命名`,
        filePath:临时文件路径,
        success(res){
    
    
        	//成功后的回调
        },
        fail(res){
    
    
			//失败后的回调
		}
      })

2. 드릴 사용

1. 클라우드 스토리지에 사진 업로드

효과:

예:

<view class="group">
    <text>附加图片:</text>
    <view class="img">
      <view class="img_row">
        <block wx:for="{
    
    {cloudImages}}" wx:key="index">
          <image class="img01" src="{
    
    {item}}"></image>
        </block>
      </view>
      <image class="img01" src="../../static/camera.png" bindtap="imgFile"></image>
    </view>
  </view>

js 코드 예:

 imgFile(){
    
    
    var that=this
    wx.chooseImage({
    
    
      count:2, //上传图片最多不超2张
      success(res){
    
    
        /* console.log(res) */
        for(var i=0;i<res.tempFilePaths.length;i++){
    
    
          wx.cloud.uploadFile({
    
    
            cloudPath:`actionInfo/${
      
      Math.random()}_${
      
      Date.now()}.${
      
      res.tempFilePaths[i].match(/\.(\w+)$/)[1]}`,
            filePath:res.tempFilePaths[i],
            success(res){
    
    
              /* console.log(res) */
              that.data.cloudImages.push(res.fileID)
              that.setData({
    
    
                cloudImages:that.data.cloudImages
              })
              /* console.log(that.data.cloudImages) */
            }
          })
        }
      }
    })
  },

2. 사진을 휴대폰에 다운로드하여 저장

코드는 다음과 같습니다(예제).

downLoadImage(event){
    
    
    wx.cloud.downloadFile({
    
    
      fileID:event.currentTarget.dataset.id,
      success(res){
    
    
        wx.saveImageToPhotosAlbum({
    
    
          filePath: res.tempFilePath,
          success(){
    
    
            wx.showToast({
    
    
              title: '保存成功',
            })
          }
        })
      }
    })
  },

팁: 위 링크의 다운로드 주소는 FileID 링크 다운로드 이미지 주소가 url인 경우 호출할 API는 wx.downloadFile({url:}) wx.saveImageToPhotosAlbum:
이미지를 폰에 저장

---