下载

下载图片

1.文件下载

下载图片并保存图片到本地

调用数据库图片并展示

图片名称可以写成时间戳，这样的话图片名称就不会重复，也就不会覆盖了

文件下载流程

云数据文件下载

文件下载方式

文件下载流程：

下载文件的流程

wx.showToast为弹出提示

创建云数据库

文件下载流程

小程序图片下载

文件下载流程

给data{}里面赋值时 要用：this.setData({

imgs:res.XXX

})

getFile : function(){

wx.clound.callFunction({

name: 'login' ，

}）.then(res=>{

  db.collection{'image'}.where({

     -openid:res.resuly.openid

}).  get().then(res2 =>{

console.log(res2);

this.setData({

  images:  res2.data

    });

   )};

 )};

},

下载文件：

wx.saveImageToPhotosAlbum不可以使用.then和.catch语句

上传到云存储方法：

wx.cloud.uploadFile({
    cloudPath:'根目录/**.*',
    filePath:'/.../**.*',
    success:res=>{/*res.fileID*/},
    fail:err=>{};
});

下载保存图片

云存储-文件下载

文件下载流程：

1. 小程序端获取文件fileID

2. 用户在小程序端点击下载

3. 小程序端发送文件下载请求，请求中带有该下载文件的fileID

4. 云数据库根据收到的fileID返回给小程序端需要的文件信息

5. 小程序端调用相应的方法存储图片
   

使用微信小程序云服务 wx.cloud.downloadFile 接口，使用文件 fileId 来获取临时文件路径，后续通过这个路径进行下载。

获取到图片 fileId 后，使用 wx.saveImageToPhotosAlbum 接口将图片保存到本地相册，保存成功后可以使用 wx.showToast 显示保存成功的提示信息。

注意 在微信小程序 的 wxml 组件中使用 data-xxx 方式传值时，xxx 是不区分大小写的，在 js 中统一使用小写命名。如 页面中使用 data-fileId="{{item.fileId}}" ，那么在js 方法中需要使用 event.target.dataset.fileid 来取值。

微信云存储中上传文件时，命名重复会导致文件被覆盖，为了不被覆盖，可以在命名时加上时间戳 new Date().getTime()

保存并且提示保存成功

微信小程序api之下载图片到系统相册

小程序文档之 下载api

文件下载流程图