解决:1.下载的多图保存到相册后,不是连续的。2.ios下载的图片和安卓下载的图片不是正确的顺序
方案:1.不能使用循环下载图片,需要使用到递归。2.通过判断不同的操作系统来决定采用正序或倒序下载
技术总结:
1.获取当前手机操作系统(app.js)
let t = this;
wx.getSystemInfo({
success: function (res) {
t.globalData.systemInfo = res;
wx.setStorageSync('system',res.system)
//这里可以获取到其他的一些系统信息
}
});
2.在下载图片的页面配置点击事件(index.js)
data:{
system: "", //操作系统
urls:[
"https://cn.vuejs.org/images/logo.png",
"https://cn.vuejs.org/images/logo.png",
"https://cn.vuejs.org/images/logo.png",
"https://cn.vuejs.org/images/logo.png"
] //图片集
},
onShow: function () {
let system = wx.getStorageSync('system') || '';
this.setData({
system: system
})
},
downloadUrls() { //下载图片集
let that = this;
wx.getSetting({ //获取保存到相册的权限
success: function (settingdata) {
if (!settingdata.authSetting['scope.writePhotosAlbum']) { //未同意授权
wx.authorize({ //弹出同意授权框
scope: 'scope.writePhotosAlbum',
success() { //用户同意授权后的回调
that.checkSystemTyep();
},
fail() { //用户拒绝授权后的回调
showToast("请同意打开相册的权限")
}
})
} else { //用户已经授权过了
that.checkSystemTyep(); //检测手机操作系统并下载图片
}
}
})
},
/**
* 通过操作系统判断 是ios需要正序下载图片 安卓倒序下载图片
*/
checkSystemTyep() {
let that = this;
let urls = this.data.urls
let system = this.data.system;
var i = urls.length - 1;
console.log('system:', system.indexOf('iOS'), system, i)
if (system.indexOf('iOS') != -1) {
that.dow_temp1(0,urls);
} else {
that.dow_temp(i,urls);
}
},
dow_temp1(i,urls) { //递归下载相册 ios正序下载图片
let that = this;
var all_n = urls.length;
if (i < all_n) {
let downloadTask = wx.downloadFile({
url: urls[i],
success: function (res) {
let temp = res.tempFilePath
console.info("临时路径", temp)
wx.saveImageToPhotosAlbum({ //保存到本地
filePath: temp,
success(res) {
console.info('第', (i), '张保存成功');
that.dow_temp1(i + 1,urls)
},
fail: function (err) {
console.info('第', (i), '张保存失败');
that.dow_temp1(i,urls);
}
})
},
fail: function (res) {
showToast('获取图片临时路径失败')
},
})
} else if (i == all_n) {
showToast('图片保存成功')
}
},
dow_temp(i,urls) { //递归下载相册 安卓倒叙下载图片
let that = this;
var all_n = urls.length;
if (i >= 0) {
let downloadTask = wx.downloadFile({
url: urls[i],
success: function (res) {
let temp = res.tempFilePath
console.info("临时路径", temp)
wx.saveImageToPhotosAlbum({ //保存到本地
filePath: temp,
success(res) {
console.info('第', (i), '张保存成功');
that.dow_temp(i - 1,urls)
},
fail: function (err) {
console.info('第', (i), '张保存失败');
that.dow_temp(i,urls);
}
})
},
fail: function (res) {
showToast('获取图片临时路径失败')
},
})
} else if (i < 0) {
showToast('图片保存成功')
}
},
showToast(title) {
wx.showToast({
title,
icon: 'none',
duration: 2000,
mask: true,
})
},
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。