小程序多张图片下载问题

╰+哭是因爲堅強的太久メ 2022-03-09 03:44 230阅读 0赞

再网上找了小程序如何保存多张图片的方法，方法是for循环，配合使用回调函数callback，没有领悟到精髓，于是换了一种方式去实现，手机测试可以依次保存全部的图片。

**思路：**

使用wx.downloadFile()获取图片临时路径，wx.saveImageToPhotosAlbum()将改临时路径保存到手机相册。如果保存成功，就i++调用dow\_temp(i++),如果失败就继续dow\_temp(i)，来重新执行一遍。

**代码实现：**

//分享功能复制文案，保存图片到相册，成功后开启分享浮层

share:function(e)\{

var that = this;

var data = that.data.goods.goodsPhotoUrls;

var sharetext = e.currentTarget.dataset.text;

that.setData(\{

sharetext: sharetext

\})

wx.showLoading(\{

title: '图片下载中..',

\})

var all\_n = data.length;

that.dow\_temp(0);

\},

//下载单个内容

dow\_temp: function (i, callback) \{

var that = this;

var data = that.data.goods.goodsPhotoUrls;

var all\_n = data.length;

if (i < all\_n) \{

wx.authorize(\{

scope: 'scope.writePhotosAlbum',

success() \{

// 用户已经同意小程序使用相册的授权

const downloadTask = wx.downloadFile(\{

url: data\[i\],

success: function (res) \{

var temp = res.tempFilePath;

console.info("临时路径", temp)

wx.saveImageToPhotosAlbum(\{

filePath: temp,

success: function () \{

console.info('第',(i + 1),'张保存成功');

that.dow\_temp(i+1);

//开启分享浮层

if (i == all\_n-1) \{

wx.setClipboardData(\{

data: that.data.sharetext,

success(res) \{

that.setData(\{

shareMaskStatus: 'show'

\})

\}

\})

\}

\},

fail: function () \{

console.info('第', (i + 1), '张保存失败');

that.dow\_temp(i);

\}

\})

\},

fail: function (res) \{

wx.showToast(\{

icon: 'none',

title: '获取图片临时路径失败',

\})

\}

\})

\},

fail: function () \{

wx.showToast(\{

icon: 'none',

title: '获取授权失败',

\})

\}

\})

\}

\},

发表评论取消回复

表情：

评论列表（有 0 条评论，230人围观）

还没有评论，来说两句吧...

相关阅读

相关小程序多张图片上传（源码分享+实现分析）

> 本篇文章以小程序中的代表【微信小程序】为例，分享一下在微信小程序中实现多图上传的源码实现。 > > PS：其它小程序和 uni-app 也可通用该思路实现。 ----

比眉伴天荒/ 2023年07月05日 13:20/ 0 赞/ 2 阅读

相关微信小程序杂技之--上传一张或者多张图片

首先我们先有一个存放图片的数组这里我们用 imgList data:{ imgList:[] } chooseIm

亦凉/ 2023年02月26日 02:17/ 0 赞/ 1 阅读

相关微信小程序实现上传多张图片，删除图片

最近在做微信小程序，遇到上传多张图片到服务器，计算上传图片的张数，并且可以手动删除图片，下面是效果图效果图： ![20200609145904640.png][] 本

Bertha 。/ 2023年02月16日 09:25/ 0 赞/ 160 阅读

相关 Halcon：多张图片合并成一张图片

1. 背景现有一文件夹，其中包含多张图片，希望能够将这些图片按几行几列合并成一张大图并显示。 2. 实现关闭窗口后重新打开 dev_cl

一时失言乱红尘/ 2022年10月15日 08:00/ 0 赞/ 352 阅读

相关服务器怎么接收多张微信小程序上传的图片,微信小程序实现同时上传多张图片...

本文实例为大家分享了微信小程序实现同时上传多张图片的具体代码，供大家参考，具体内容如下 1.图片选择后，路径已经存入list中： data: \{ images: \[\

男娘i/ 2022年09月03日 14:14/ 0 赞/ 170 阅读

相关小程序背景图片问题

今天在小程序中设置了背景图片，发现不好使。不管是设置内联样式还是放在外部样式表，甚至加上!important都不好使，怎么办？后来查了下，发现可以通过<image></im

「爱情、让人受尽委屈。」/ 2022年06月01日 11:56/ 0 赞/ 248 阅读

相关 java导出多张图片到Excel问题

java导出多张图片到Excel问题目前我遇到一个难题,就是将多张图片导出到Excel.目前我图片是导出来了,是通过SQL查询出来的结果集,然后遍历结果集循环画图片,但始终

我不是女神ヾ/ 2022年05月24日 09:56/ 0 赞/ 393 阅读

相关小程序多张图片下载问题

再网上找了小程序如何保存多张图片的方法，方法是for循环，配合使用回调函数callback，没有领悟到精髓，于是换了一种方式去实现，手机测试可以依次保存全部的图片。思路：

╰+哭是因爲堅強的太久メ/ 2022年03月09日 03:44/ 0 赞/ 231 阅读

相关 pdf转图片程序(java实现)（转为一张，多张）

JAR包：2019年4月19日maven最新版本 <dependency> <groupId>commons-logging</gro

本是古典何须时尚/ 2022年02月17日 10:17/ 0 赞/ 389 阅读

相关微信小程序实现多张图片上传

//app.js uploadimg(data) { var that = this, i = data.i ? data.i

た入场券/ 2021年07月24日 23:15/ 0 赞/ 564 阅读