iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >利用jquery包将字符串生成二维码图片
  • 704
分享到

利用jquery包将字符串生成二维码图片

jquery包字符串生成二维码 2022-11-15 22:11:40 704人浏览 泡泡鱼
摘要

将一个字符串(可以是中文,在生成二维码图片之前将中文转码)生成二维码图片,如果想要带log的二维码,可以在生成后的二维码中间部位自己添加一个小log,log图片不要太大,不然就扫描不

将一个字符串(可以是中文,在生成二维码图片之前将中文转码)生成二维码图片,如果想要带log的二维码,可以在生成后的二维码中间部位自己添加一个小log,log图片不要太大,不然就扫描不出内容了。


<html xmlns="Http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="js/Jquery-1.8.3.js" type="text/javascript"></script>
<script src="js/qrcode.js" type="text/javascript"></script>
<script src="js/jquery.qrcode.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#bt").bind("click", function () {
text = $("#text").val();
$("#div_div").qrcode(utf16to8(text));

})
})
function utf16to8(str) { //转码
var out, i, len, c;
out = "";
len = str.length;
for (i = 0; i < len; i++) {
c = str.charCodeAt(i);
if ((c >= 0x0001) && (c <= 0x007F)) {
out += str.charAt(i);
} else if (c > 0x07FF) {
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
} else {
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
}
}
return out;
}
</script>
</head>
<body>
<input type="text" id="text" />
<input type="button" value="shenGC" id="bt" />
<div id="div_div" style="width:400px;height:400px;border:1px solid #000;"></div>
</body>
</html>

这里引用了三个js包,其中一个是jquery包,这个随便版本,另外两个就是画二维码用的js包了。

js包下载http://download.csdn.net/detail/anxin591025/6254607

PS:这里再提供一个本站的二维码生成工具加强版(带logo与各种定制功能)供大家使用:

http://tools.jb51.net/transcoding/jb51qrcode

--结束END--

本文标题: 利用jquery包将字符串生成二维码图片

本文链接: https://www.lsjlt.com/news/172513.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 利用jquery包将字符串生成二维码图片
    将一个字符串(可以是中文,在生成二维码图片之前将中文转码)生成二维码图片,如果想要带log的二维码,可以在生成后的二维码中间部位自己添加一个小log,log图片不要太大,不然就扫描不...
    99+
    2022-11-15
    jquery包 字符串 生成二维码
  • Qt实现字符串生成二维码功能
    目录前言开发环境实现步骤资源包数据配置属性二维码操作总结前言 最近在整理开发项目中遇到的知识点,发现了一个特别有意思的功能:使用字符串生成二维码操作。 下面是实现的效果图 开发环境...
    99+
    2024-04-02
  • C#怎么实现将网址生成二维码图片
    这篇文章主要介绍“C#怎么实现将网址生成二维码图片”,在日常操作中,相信很多人在C#怎么实现将网址生成二维码图片问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”C#怎么实现将网址生成二维码图片”的疑惑有所帮助!...
    99+
    2023-06-30
  • Qt如何实现字符串生成二维码功能
    这篇文章主要介绍Qt如何实现字符串生成二维码功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!前言最近在整理开发项目中遇到的知识点,发现了一个特别有意思的功能:使用字符串生成二维码操作。下面是实现的效果图开发环境WI...
    99+
    2023-06-29
  • C#实现将网址生成二维码图片方法介绍
    二维码是什么 二维码 QR Code,全称为:Quick Response Code,最早用于日本汽车制造业追踪零部件。QR现有40个标准版本,4个微型版本。相比一维码(也就是我们目...
    99+
    2024-04-02
  • php生成二维码合成文字、背景图并保存本地图片
    目录 1、实现效果,二维码二维码合成文字、背景图 2、下载并引入qrcode 3、创建static文件夹下载字体和背景图到这 4、创建test2.php,合成代码   1、实现效果,二维码二维码合成文字、背景图 2、下载并引入qr...
    99+
    2023-09-23
    php 开发语言
  • 如何利用yii2生成二维码
    小编给大家分享一下如何利用yii2生成二维码,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!生成二维码的具体步骤如下所示:在官网下载类库在官网下载类库后,确保当前P...
    99+
    2023-06-14
  • Python如何生成高清的二维码图片?
    随着移动互联网的发展,二维码已经逐渐成为人们生活中必不可少的工具。无论是支付、商家推广还是个人名片,都可以通过二维码来方便地实现。那么,如何使用Python生成高清的二维码图片呢? 首先,我们需要安装一个名为qrcode的Python库,...
    99+
    2023-09-11
    二维码 大数据 数组
  • 使用 NPM 包轻松生成二维码
    二维码已经成为了现代生活中不可或缺的一部分。在移动支付、活动票务、商品销售等各种场合中,我们都可以看到二维码的身影。如果你需要在自己的网站或 App 中使用二维码,那么本文将介绍的方法。 NPM(Node Package Manager)...
    99+
    2023-08-27
    二维码 bash npm
  • Node.js怎么生成二维码图片并带底部文字说明
    这篇文章主要介绍“Node.js怎么生成二维码图片并带底部文字说明”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Node.js怎么生成二维码图片并带底部文字说明”文章能帮助大家解决问题。在Node....
    99+
    2023-07-04
  • 二维码图片生成器QRCode.js的示例分析
    这篇文章给大家分享的是有关二维码图片生成器QRCode.js的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。QRCode.js是一个实现生成二维码(QRCode)的js插...
    99+
    2024-04-02
  • 使用canvas怎么将二维码和图片进行合成
    这期内容当中小编将会给大家带来有关使用canvas怎么将二维码和图片进行合成,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。实现思路是这样的使用jr-qrcode将url生成data:base64供img使...
    99+
    2023-06-09
  • 如何将PHP中的二维数组转换成字符串
    随着Web开发领域的不断发展,PHP逐渐成为了Web开发中最受欢迎的语言之一。其中,2维数组是PHP编程中经常使用的一种数据类型。在开发过程中,我们有时候需要将2维数组转换成字符串,以方便在不同的程序之间进行数据传递和存储。本文将介绍如何将...
    99+
    2023-05-14
  • Node.js怎么生成二维码图片并附带底部文字说明
    这篇文章主要讲解了“Node.js怎么生成二维码图片并附带底部文字说明”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Node.js怎么生成二维码图片并附带底部文字说明”吧!在Node.js中...
    99+
    2023-07-04
  • 如何利用Java编写二维码生成器?
    在现代社会中,二维码已经成为了一种非常重要的信息传递方式。很多企业和个人都需要使用二维码来传递自己的信息。因此,编写一个二维码生成器是非常有用的。 在本文中,我们将通过Java编写一个简单的二维码生成器。我们将涵盖以下主题: 什么是二...
    99+
    2023-10-20
    教程 二维码 面试
  • Node.js在图片模板上怎么生成二维码图片并附带底部文字说明
    今天小编给大家分享一下Node.js在图片模板上怎么生成二维码图片并附带底部文字说明的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一...
    99+
    2023-06-17
  • Node.js在图片模板上如何生成二维码图片并附带底部文字说明
    小编给大家分享一下Node.js在图片模板上如何生成二维码图片并附带底部文字说明,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在...
    99+
    2024-04-02
  • 二维码生成神器?如何用Java在Unix环境下打包并生成高清二维码。
    二维码已经成为了现代生活中不可或缺的一部分。它们可以用于各种应用,例如支付、活动入场、优惠券和广告等等。本文将介绍如何使用Java在Unix环境下打包并生成高清二维码。 Java是一种广泛使用的编程语言,其特点是跨平台、面向对象、安全性高等...
    99+
    2023-10-17
    打包 unix 二维码
  • 利用java怎么在后台将base64字符串保存为图片
    本篇文章为大家展示了利用java怎么在后台将base64字符串保存为图片,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。具体方法如下:import java.io.FileOutputStream; ...
    99+
    2023-05-31
    java base64 ava
  • 利用java生成二维码工具类示例代码
    二维码介绍二维条形码最早发明于日本,它是用某种特定的几何图形按一定规律在平面(二维方向上)分布的黑白相间的图形记录数据符号信息的,在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念,使用若干个与二进制相对应的几何形体来...
    99+
    2023-05-31
    java 生成二维码 工具类
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作