【vue+h5 移动端保存图片到手机相册】

最新推荐文章于 2024-06-05 22:22:59 发布

写代码脑子疼

最新推荐文章于 2024-06-05 22:22:59 发布

阅读量2.9k

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_43831070/article/details/130624305

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

用plus调用原生方法实现

废话不多说直接贴代码

    function download(url) {
    	// url为图片地址（上传到后台，拿到链接）
        // 创建下载任务
        plus.nativeUI.showWaiting('加载中...')
        var dtask = plus.downloader.createDownload(url, {}, function(d, status) {
          // 下载完成
          if (status == 200) {
            console.log('下载成功,文件保存在' + d.filename)
            plus.gallery.save(
              d.filename,
              function() {
                //保存到相册方法
                plus.nativeUI.closeWaiting()
                Toast('已保存到手机相册') //vant框架记得引入
              },
              function() {
                plus.nativeUI.closeWaiting()
                Toast('保存失败，请重试！')
              }
            )
          } else {
            Toast('保存失败，请重试！')
          }
        })
        dtask.start()
    },