Vue做的APP，用cordova打包成APK，如何实现点击按钮下载图片呢？图片是base64编码形式

Question

需求是生成一个二维码，然后点击按钮下载图片到设备上。

用Vue做的APP页面，然后cordova打包。浏览器上当然是可以下载的，但是打包之后点击“下载”就没有反应。

这是我的代码：

<button @click="downloadDesk" class="btn">下载</button>

downloadDesk() {
    let myCanvas = document.getElementById('qrcode').getElementsByTagName('canvas');
    let a = document.createElement('a')
    a.setAttribute('target', '_blank');
    a.href = myCanvas[0].toDataURL('image/png');
    this.hrefUrl = a.href;
    a.download = this.code;
    a.click();
}

有什么方法可以实现下载这个图片呢？

Answer 1

cordova可不同浏览器，支持这a download属性种方式下载，要调用cordova的api来实现保存或者用插件，参考下下面的文章，刚好是用的是图片的base64

cordova 保存图片插件 - 实现图片保存到相册功能_qzo_smile的博客-CSDN博客_cordova图片保存到相册 cordova 实现图片保存到相册功能踩坑记录：之前百度了很多 都有指向这几个github插件 但我引入都会在插件源码报错 导致不能打包完成；（没耐心的看插件源码 选择了放弃）可能大神们能去解决一下这个问题在使用后来找了好几个插件终于找到个亲测能用的！今日时间：2020-8-21插件名称：cordova-base64-to-gallery@4.1.3 详细内容可以自己在百度看名字应该也就知道大概的思路了，将图片画到canvas里，然后转成base64的格式，然后保存至相册！代码： f https://blog.csdn.net/qq_43148113/article/details/108146013