小程序云存储、云下载和云暂时链接

秒速五厘米 2021-07-24 17:55 483阅读 0赞

云存储
    	如图片:
    		回调函数中的this执向不同
    		
    		let that =this;
    		wx.chooseImage({
    			success:function(res){
    				wx.cloud.uploadFile({				
    				  //上传到云服务器的id
    		          cloudPath:xx+'.png',
    		          //上一个chooseImage的成功回调函数返回结果中的文件暂时路径
    		          filePath:res.tempFilePaths[0],
    		          success:function(res2){
    					res2.fileID;获取上传文件的id,可直接使用
    			})
    		},
    		fail:function(){xxx}
    	})
    
    云下载:
        Taro.cloud.downloadFile({
            fileID:'云存储返回的fileID',
            success(res)
            {
                res.tempFilePath;	返回文件地址
    
            }
        })
        
    云删除:
    	Taro.cloud.deleteFile({
            fileList:['fileID'],
            success(res)
            {
                console.log(res.fileList);
            }
        })
        
    云暂时链接:
    	wx.cloud.getTempFileURL({
    	  fileList: [{
    	    fileID: 'fileID',
    	    maxAge: 60 * 60, 	链接有效时间
    	  }],
    	  success: res => {
    	   
    	    console.log(res.fileList)
    	  },
    	  fail: err => {
    	   
    	  }
    	})

代码示例:

uploadEvent(){ 
        let that=this;
        wx.chooseImage({ 
          success: function(res) { 
            console.log(res);
            //将选中的图片上传到云服务器
            wx.cloud.uploadFile({ 
              //上传到云服务器的id
              cloudPath:new Date().getTime()+'.png',
              //上一个chooseImage的成功回调函数返回结果中的文件暂时路径
              filePath:res.tempFilePaths[0],
              success:function(res2){ 
                console.log(res2);
                let arr=that.data.imgSrc;
                arr.push(res2.fileID);
                that.setData({ 
                  imgSrc: arr
                });
              }
            })
            
          },
          fail:function(res)
          { 
            console.log('error');
          }
        })
    
      }
    })

Taro代码示例:

import Taro from '@tarojs/taro'
    import { View,Text,Button,Image} from '@tarojs/components'
    import React,{ Component} from 'react'
    
    import { add } from '../../utils/db/index'
    
    class Game extends Component{    
    
        state={ 
            imgs:[],
            cloudImgs:[],
            fileID:''
        }
    
        componentDidMount()
        { 
            Taro.cloud.init({ 
                env: 'jeff-ssr'
            })
        }
    
        click=()=>{ 
    
            Taro.cloud.callFunction({ 
                name: 'add',
                //传入的数据
                data: { 
                   a: 1,
                   b: 10,
                },
                //成功回调,参数为云函数中的返回内容
                success:function(res)
                { 
                  console.log(res);
                },
                fail()
                { 
                    console.log('err')
                }
              })
        }
    
        _add=async ()=>{ 
            let res = await add(
                    { name:'复仇者联盟',img:'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3659875041,1653589983&fm=26&gp=0.jpg'},
                    // {name:'蜘蛛侠',img:'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2665014954,1139410527&fm=26&gp=0.jpg'},
                    // {name:'雷神',img:'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1747873458,3198507694&fm=26&gp=0.jpg'},
                    // {name:'钢铁侠',img:'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3179099924,1007440925&fm=26&gp=0.jpg'},
                    // {name:'美国队长',img:'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3035539664,2279765935&fm=26&gp=0.jpg'},
                  
                )
    
    
        }
    
        _chooseImage()
        { 
            let that=this;
            Taro.chooseImage({ 
                count:2,
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                sourceType: ['album', 'camera','user','environment'], // 可以指定来源是相册还是相机，默认二者都有，在H5浏览器端支持使用 `user` 和 `environment`分别指定为前后摄像头
                success: function (res) { 
                  // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
                  var tempFilePaths = res.tempFilePaths;
                  that.setState({ 
                      imgs:tempFilePaths
                  })
                }
            })
        }
    
        _cloudSave=(e,imgPath)=>
        { 
            let that=this;
            console.log(imgPath);
            Taro.cloud.uploadFile({ 
                cloudPath:new Date().getTime()+'.jpg',
                filePath:imgPath,
                success:(res)=>
                { 
                    console.log('ww')
                    that.setState({ 
                        fileID:res.fileID
                    })
                    
                },
                fail()
                { 
                    console.log('ddd');
                }
    
    
            })
        }
    
        _cloudDown=()=>{ 
            let that=this;
            Taro.cloud.downloadFile({ 
                fileID:that.state.fileID,
                success(res)
                { 
                    let cloudImgs=that.state.cloudImgs;
                    cloudImgs.push(res.tempFilePath);
                    that.setState({ 
                        cloudImgs
                    })
                }
            })
        }
    
        _cloudDelete=()=>{ 
            Taro.cloud.deleteFile({ 
                fileList:['fileID'],
                success(res)
                { 
                    console.log(res.fileList);
                }
            })
        }
    
        render()
        { 
            const { imgs,cloudImgs}=this.state
    
            return(
    
                <View>
                    <Text>game</Text>
                    <Button onClick={ this.click}>测试云函数</Button>
                    <Button onClick={ this._add}>添加云数据库</Button>
                    <Button onClick={ this._chooseImage.bind(this)}>调用本地相册</Button>
                    <Button onClick={ (e)=>{ this._cloudSave(e,imgs[0])}}>调用云存储</Button>
                    <Button onClick={ this._cloudDown}>调用云下载</Button>
                    <Button onClick={ this._cloudDelete}>调用云删除</Button>
    
                    { 
                        cloudImgs.map((item,index)=>{ 
                            return(
                                <Image src={ item}/>
                            )
                        })
                    } 
    
                </View>
            )
        }
    }
    
    export default Game