uniapp h5端怎么实现保存图片
可以使用uniapp官方提供的wx.saveImageToPhotosAlbum接口来保存图片,该接口可以在微信小程序和H5端使用。
具体步骤如下:
- 在需要保存图片的页面引入wx对象:
import wx from '@/common/wx.js';
- 在需要保存图片的方法中调用wx.saveImageToPhotosAlbum接口:
saveImage() {
uni.downloadFile({
url: '图片地址',
success: function(res) {
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success(res) {
uni.showToast({
title: '保存成功',
icon: 'success',
duration: 2000
});
},
fail(res) {
uni.showToast({
title: '保存失败',
icon: 'none',
duration: 2000
});
}
});
}
});
}
- 在H5端需要在manifest.json文件中添加相应的权限声明:
"mp-weixin": {
"appid": "",
"permission": {
"scope.writePhotosAlbum": {
"desc": "xxxxx"
}
}
}
以上就是在uniapp H5端保存图片的具体实现方法,希望能对你有所帮助。
原文地址: https://www.cveoy.top/t/topic/Ekx 著作权归作者所有。请勿转载和采集!