基于mpvue微信小程序下载远程图片到本地的示例分析

小编给大家分享一下基于mpvue微信小程序下载远程图片到本地的示例分析，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

成都创新互联长期为上1000+客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为和布克赛尔蒙古企业提供专业的成都网站设计、成都网站制作，和布克赛尔蒙古网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

效果

流程梳理

获取图片远程地址数组-->遍历拿到图片缓存（临时地址）(wx.getImageInfo)-->保存缓存图片到本地（wx.saveImageToPhotosAlbum）

完整代码

子组件代码逻辑

//子组件download-file.vue

在父组件中引用

//news/detail.vue
//省略代码...
下载
//省略代码...

//省略代码...
async download() {
  let vm = this;
  const temp = [];
  let data = await vm.$net.get(vm.$apis.articleDetails, {
    id: vm.item.id
  });
  if (data.article.body.length > 0) {
   data.article.body.map((item, index) => {
    if (item.type == "img") {
     temp.push(item.data);
    }
  });
 }
 vm.downLoadUrls = temp;
},

看完了这篇文章，相信你对“基于mpvue微信小程序下载远程图片到本地的示例分析”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！