批量动态生成二维码

   <script type="text/javascript" src="/site_media/js/qrcode.js"></script>
   // 生成二维码
    $(".qrcode").each(function(){
        var timestamp = new Date().getTime() + Math.random().toString().split(".")[1];  // 时间戳 + 随机数
        $(this).attr("id", timestamp);
        var q_type = $(this).attr("data-type");
        var q_id = $(this).attr("data-id");
        var qrcode_text = "http://www.domain.cn/qr/?type="+q_type+"&id="+q_id;

        var qrcode = new QRCode(timestamp, {
            width: 140,
            height: 140,
            colorDark: ‘#000000‘,
            colorLight: ‘#ffffff‘,
            correctLevel: QRCode.CorrectLevel.L
        });
        qrcode.makeCode(qrcode_text);
    });

.

时间: 2024-11-11 11:13:18

批量动态生成二维码的相关文章

Jquery.Qrcode在客户端动态生成二维码并添加自定义Logo

0 Jquery.Qrcode简介 Jquery.Qrcode.js是一个在浏览器端基于Jquery动态生成二维码的插件,支持Canvas和Table两种渲染方式,它的优点是在客户端动态生成,减轻了服务端压力,尤其是在大量使用二维码的系统中.Jquery.Qrcode主要包括以下参数设置: render 定义二维码的渲染方式,有table和canvas两种渲染方式 width 定义二维码的宽度 height 定义二维码的高度 text 定义二维码内容 typeNumber 二维码的计算模式 一般

Android Studio - 第四十七期 毛玻璃效果以及动态生成二维码以及增大点击热区

最近回看撸撸的代码,有一些自定义的view写法很不错,下面封装出来,希望能帮到大家: 1.毛玻璃效果:BitmapUtils package com.example.p030_popbgqcode.utils; import android.content.Context; import android.graphics.Bitmap; import android.renderscript.Allocation; import android.renderscript.Element; imp

在Vue项目中动态生成二维码 阿星小栈

一.使用jquery.qrcode生成二维码 1.首先在页面中加入jquery库文件和qrcode插件 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"></script> 2.在页面中需要显示二维码的

在vue中利用vue-qr插件动态生成二维码并嵌入LOGO

收到需求要生成二维码的时候刚进项目组不久,接触vue也才一两个星期,还处于懵逼状态. 本小白的第一反应就是百度二维码的生成方法,网上有很多大神给出解决方案,最开始本小白以为是在后台生成图片然后传到前台页面,后来发现可以直接在前端用js生成,网上查到的大部分都是用jquery.qrcode.js配合utf.js(为了支持中文)和jquery-1.8.0.js来实现,亲测可行(但本白只在原生HTML中实现,vue中死活报错:"找不到qrcode方法",是不是本小白没找准姿势,哪位大神求告知

js、jq动态生成海报+动态生成二维码+Logo图片

前言: 最近做项目的时候移动端的发现板块作品需要生成海报,经查阅各种博客发现并没有很多资源,自己就着手写了一个分享给大家 废话不再多说,我们先看一下效果: 我是一名后端程小猿,写成这样已经很不错了,自我感觉良好 哈哈…… 废话不多说,我们开始上代码(怕对小白不友善,这里直接上源码,我自己就是小白 哈哈……): 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5

js动态生成二维码图片

1.html代码 <div id="qrcode" style="width:200px; height:200px;position: fixed;bottom: 40%; right: 20%;"></div> 2.引入外部js文件 <script src="QRCode.js"></script> 3.方法调用 var qrcode = new QRCode(document.getEleme

小程序动态生成二维码,生成image图片

前端: <image src="{{img_usrl}}" style="width:100%;height:104px;" bindlongtap="saveImg"></image> js部分:在onLoad中请求 //我的userid 值为:239a3c37-3c2e-4a9d-be74-557638b23b63this.setData({ img_usrl: getApp().getBaseUrl() + &quo

js 生成二维码并打印

该文章为了节约项目开发中内存空间,而通过js动态生成二维码,不生成图片保存在项目中,图片路径不需保存于数据库中该文章主要介绍web生成二维码,当然ios,android同样可通过QRCode生成二维码,之后介绍...... 1.引入js <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src

使用zxing批量生成二维码立牌

使用zxing批量在做好的立牌背景图的指定位置上,把指定的文本内容(链接地址.文本等)生成二维码并放在该位置, 最后加上立牌编号. 步骤: 1).做好背景图,如下图: 2).生成二维码BufferedImage对象.代码如下: /** * * @Title: toBufferedImage * @Description: 把文本转化成二维码图片对象 * @param text * 二维码内容 * @param width * 二维码高度 * @param height * 二位宽度 * @par