有时候有需要链接直接生成二维码在手机上看的需求,比如下载,比如信息,比如excel
下面先引入包
import QRCode from 'qrcode';
然后上代码
// 将res转换成二维码const qrCodeData = JSON.stringify(res); // 将res转换为字符串作为二维码数据// 生成二维码图片const qrCodeCanvas = document.createElement('canvas');QRCode.toCanvas(qrCodeCanvas, "qrCodeData", { width: 200, height: 200 });// 等待一段时间以确保二维码图片生成完成setTimeout(() => {// 将二维码图片转换为DataURLconst qrCodeDataURL = qrCodeCanvas.toDataURL('image/png');// 创建一个下载链接const downloadLink = document.createElement('a');downloadLink.href = qrCodeDataURL;downloadLink.download = 'qrcode.png'; // 下载文件名为qrcode.png// 模拟点击下载链接downloadLink.click();}, 1000); // 等待1秒后执行下载操作};
最终结果