uni-app实现,预览图片后,保存至相册
<image src="https://img0.baidu.com/it/u=3436810468,4123553368&fm=26&fmt=auto" class="code" @click="preview('https://img0.baidu.com/it/u=3436810468,4123553368&fm=26&fmt=auto')"></image>
//这里的imgList 是我拿到的数据数组,pics是我的图片数组
//因为imgList 是循环的,这里面的index代表的是list下面的第几项,i代表的是pics下面的第几项,使用时,请自己按照的业务需求自己改动。
preview(url) { //接收图片的Url
let that = this
let imgList = [];
imgList.push(url);
uni.previewImage({
urls: imgList,
current: '',
longPressActions: {
itemList: ['保存图片'],
success: function(ress) {
uni.downloadFile({
url: url,
success: (res) => {
if (res.statusCode === 200) {
uni.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success: function() {
//uniapp提供的消息提示框。
uni.showToast({
title: "保存成功",
icon: "success"
});
},
fail: function() {
uni.showToast({
title: "保存失败,请稍后重试",
icon: "none"
});
}
});
}
}
})
},
fail: function(res) {
console.log(res.errMsg);
}
}
});
},