LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

[点晴永久免费OA]JS生成二维码 (图片格式的,可以长按试别保存)

admin
2022年12月22日 18:1 本文热度 1023

上次说到了js生成二维码,但是是div格式的二维码,是不能长按另存为的,今天主要说图片格式的二维码。


一、直接把这两脚本复制过去就行了,这是在线脚本:

<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="//cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>


二、html代码

第一个div就是我们生成的 二维码  ,然后js 转为img格式,  赋值给下面div的 html属性



三、JS代码,直接扣过去就行了

//容器生成二维码
var url = "" + url + "/Index?mCode=" + code + "";     // 二维码链接
jQuery('.box').qrcode({
render: "canvas",
text: url
});


//把canvas容器转为img
function convertCanvasToImage(canvas) {
//新Image对象,可以理解为DOM
var image = new Image();
// canvas.toDataURL 返回的是一串Base64编码的URL
// 指定格式 PNG
image.src = canvas.toDataURL("image/png");
return image;
}


//获取页面上的canvas对象
var MYcanvas = $('canvas')[0];
//调用convertCanvasToImage()方法把canvas转为img格式
var img = convertCanvasToImage(MYcanvas);
//将img插入第二个容器中
$(".erweimaImg").append(img);                    //   插入到这个容器里面,$(".erweimaImg")


该文章在 2022/12/22 18:01:06 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved