How to make qr codes generated by steeve:jquery-qrcode package downloadable
我有一个 Meteor 项目,其中每个用户都有一个个人资料页面,并且他们有自己的二维码链接到该页面。我想使用 steeve:jquery-qrcode 为他们生成的 qr 代码以 jpg 或 png 格式(如果可能的话都可以下载)。
我将如何做到这一点? (即使其可从客户端下载)
目前我只是使用页面上的以下代码在用户页面上显示二维码:
1 2 3 4 5 6 7 8 9 | <template name="profile"> Username: {{username}}<br /> {{#with profile}} Profile name: {{firstName}} {{lastName}} {{/with}} </template> |
这是客户端上的JS:
1 2 3 4 | Template.profile.onRendered(function () { console.log(this.data.qrUrl); $('#qrblock').qrcode({text: this.data.profile.qrUrl}); }); |
编辑:使用
我引用了以下链接:将 Html5 画布元素下载为带有 Javascript 文件扩展名的图像
1 | Download Drawing |
将此链接放在您视图的任何位置。它应该将图像下载为 png 文件。
关于浏览器兼容性问题,IE 和 Safari 暂不支持下载属性。这是一个关于下载属性的链接。