可以使用uniapp官方提供的wx.saveImageToPhotosAlbum接口来保存图片,该接口可以在微信小程序和H5端使用。

具体步骤如下:

  1. 在需要保存图片的页面引入wx对象:
import wx from '@/common/wx.js';
  1. 在需要保存图片的方法中调用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
          });
        }
      });
    }
  });
}
  1. 在H5端需要在manifest.json文件中添加相应的权限声明:
"mp-weixin": {
  "appid": "",
  "permission": {
    "scope.writePhotosAlbum": {
      "desc": "xxxxx"
    }
  }
}

以上就是在uniapp H5端保存图片的具体实现方法,希望能对你有所帮助。

uniapp h5端怎么实现保存图片

原文地址: https://www.cveoy.top/t/topic/Ekx 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录