二维码生成及下载（前端）

最近在项目中用到二维码生成及下载，做个笔记记录下

首先引入js文件，这是在网上找的

<script src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

<div id='需求生成的值' ></div>

生成二维码javascript代码：

function generateQRCode(id,url){console.log(url);jQuery('#'+id).qrcode({render: "canvas", //也可以替换为tablewidth: 160,height: 160,text: url});}function generateQRCodeForDownLoad(id,url){jQuery('#'+id+'1').qrcode({render: "canvas", //也可以替换为tablewidth: 1000,height: 1000,text: url});}

下载二维码的javascript代码如下：

// 保存成png格式的图片function saveAsPNG(canvas) {return canvas.toDataURL("image/png");}// 保存成jpg格式的图片function saveAsJPG(canvas) {return canvas.toDataURL("image/jpeg");}// 保存成bmp格式的图片  目前浏览器支持性不好function saveAsBMP(canvas) {return canvas.toDataURL("image/bmp");}/*** @author viewda* @param {String} url 需要下载的文件地址* */function downLoad(url){var oA = document.createElement("a");oA.download = '二维码';// 设置下载的文件名，默认是'下载'oA.href = url;document.body.appendChild(oA);oA.click();oA.remove(); // 下载之后把创建的元素删除}

感想：canvas很好用，可以抽空学下

二维码生成及下载（前端）相关推荐

vue 在线生成二维码二维码生成背景下载
安装引用 3.注入 app.vue 这里只是生成二维码生成二维码 js 这里是需要二维码并且与另一张合成一张image的! 上代码
react 二维码生成并下载qrcode.react
目前几乎任何一个完整的项目都会包含二维码的生成,这时候我们就需要一个可以快速生成二维码的插件了,接下来我将介绍如何生成并下载该二维码在react开发中如果需要二维码,本人是倾向于使用qrcode.r ...
二维码生成单个下载批量打包下载
安装引入插件 import VueQr from "vue-qr"; import JSZip from "jszip"; import FileSaver f ...
前端vue uni-app基于uQRCode封装简单快速实用全端二维码生成插件
快速实现基于uQRCode封装简单快速实用全端二维码生成插件; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12677 效果图 ...
微信小程序二维码生成工具，后端二维码生成工具类。
微信小程序开发二维码生成工具类前言业务背景设计思路具体实现接下来我们进行工具的改造前言或许这是你搜寻的第n篇文章来解决你项目中的问题,虽然我不能去替你完全适配你的业务需求,但是我可以给你 ...
iOS中扫描二维码/生成二维码详解
最近大家总是问我有没有关于二维码的demo,为了满足大家的需求,特此研究了一番,希望能帮到大家! 指示根视图: ? 1 self.window.rootViewController = [[UINav ...
前端批量生成二维码并打包下载
前端批量生成二维码并打包下载项目中遇到一个紧急需求在没有后端配合的情况下,前端独自实现生成二维码并打包下载生成二维码:下载 qrcodejs2 批量打包下载:下载 JSZip 和 FileSave ...
java生成二维码，并在前端展示。
java生成二维码,并在前端展示,扫码实现下载功能. 后端生成二维码以流的形式前端接收二维码并展示后端生成二维码以流的形式这是以流的形式展示二维码.当然也可以以文件的格式,文件格式就是Path ...
java二维码生成使用SSM框架搭建属于自己的APP二维码合成、解析、下载
java二维码生成使用SSM框架搭建属于自己的APP二维码合成.解析.下载自己用java搭建一个属于自己APP二维码合成网站.我的思路是这样的: 1.用户在前台表单提交APP的IOS和Andro ...

二维码生成及下载（前端）

二维码生成及下载（前端）相关推荐

最新文章

热门文章