首页 > 软件开发 > JavaScript >

js如何生成二维码

来源:互联网 2023-03-16 23:56:47 版权归原作者所有,如有侵权,请联系我们

二维码在日常生活中已经很普通就能见到,买东西可以通过扫一扫二维码付款,添加朋友可以扫一扫二维码添加,查看某个企业网站信息,也可以通过二维码来访问,下面介绍下如何通过js代码来生成二维码Pjr办公区 - 实用经验教程分享!

工具/原料

  • javascript
  • jquery.qrcode插件

方法/步骤

  • 1

    首先创建一个空白的html网页测试文件,里面填写最基本的网页测试代码Pjr办公区 - 实用经验教程分享!

    js如何生成二维码Pjr办公区 - 实用经验教程分享!

  • 2

    引入生成二维码的插件js文件,因为要引入的插件是基于query的,所以jquery和插件都需要引入Pjr办公区 - 实用经验教程分享!

    js如何生成二维码Pjr办公区 - 实用经验教程分享!

  • 3

    js代码添加初始化二维码代码Pjr办公区 - 实用经验教程分享!

    $('#output').qrcode("地址");Pjr办公区 - 实用经验教程分享!

    output对应上面div的id值,qrcode里面参数填入需要二维码跳转的地址Pjr办公区 - 实用经验教程分享!

    js如何生成二维码Pjr办公区 - 实用经验教程分享!

  • 4

    打开浏览器测试下二维码效果,如图表示二维码正常生成出来了,这个时候可以通过手机扫一扫功能,扫描生成的二维码,则可以正常跳转到百度首页Pjr办公区 - 实用经验教程分享!

    js如何生成二维码Pjr办公区 - 实用经验教程分享!

  • 5

    上面是默认简洁的生成方式,我们还可以指定二维码宽度和高度等信息Pjr办公区 - 实用经验教程分享!

    js如何生成二维码Pjr办公区 - 实用经验教程分享!

  • 6

    再次刷新浏览器页面,可以看到二维码大小为200*200Pjr办公区 - 实用经验教程分享!

    js如何生成二维码Pjr办公区 - 实用经验教程分享!

  • 6该信息非法爬取自百度经验
  • 注意事项

    • 如果二维码内容为中文,可能会出现不能识别的问题,这个时候需要要把字符串转换成UTF-8,然后再生成二维码

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Pjr办公区 - 实用经验教程分享!


    标签: JAVASCRIPT二维码

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号