实现在Node环境与浏览器环境下生成二维码

最新推荐文章于 2024-05-31 09:17:20 发布

阿黄阿黄

最新推荐文章于 2024-05-31 09:17:20 发布

阅读量1.7k

点赞数 1

分类专栏： Node.js JavaScript 文章标签：前端

本文链接：https://blog.csdn.net/maserati_8000/article/details/118702520

版权

本文介绍了如何在Node.js环境和浏览器环境中生成二维码。在Node环境中，推荐使用node-qrcode库，详细讲解了安装和生成二维码图片及DataURL的方法。而在浏览器端，推荐了qrcodejs库，通过CDN引入并展示了一个简单的二维码生成DEMO。

摘要由CSDN通过智能技术生成

前言

二维码在我们生活中随处可见，目前也有很多第三方平台可一键生成二维码，也有很多的第三方库支持生成二维码。今天咱们就在Node环境下与浏览器环境下，实现一下二维码的生成。

一、Node环境

目前已经有许多第三方库可支持二维码的生成，今天用的是我比较喜欢的一个第三方库node-qrcode；

1. 安装

npm install --save qrcode

//或者全局安装，都可以
npm install -g qrcode

2. 使用

生成文件

安装完成之后，就可以开始使用啦。首先我们先来生成一张图片文件

const QRcode = require("qrcode"); 

QRcode.toFile('./1.jpg', "欢迎来到小黄同学的个人空间~", err => {
   
    console.log(err);
})

这样运行之后，就会在根目录下生成一张名为1.jpg的二维码图片
在这里插入图片描述

生成DataURL

还可以生成DataURL

const QRcode = require("qrcode");

QRcode.toDataURL("欢迎来到小黄同学的个人空间~", (err,url) => {
   
    console.log(url);
})

这样就得到了DataURL
在这里插入图片描述
咱们再把DataURL放到页面上

<body>
    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAACUCAYAAAB1PADUAAAAAklEQVR4AewaftIAAATTSURBVO3BQY4cSRIEQdNA/f/Lun30UwCJ9GqSsyaCP1K15KRq0UnVopOqRSdVi06qFp1ULTqpWnRSteikatFJ1aKTqkUnVYtOqhadVC06qVr0yUtAfpOaN4BsUjMBeUPNBOQ3qXnjpGrRSdWik6pFnyxTswnIDZBJzQRkUnMDZFKzSc0E5Ak1m4BsOqladFK16KRq0SdfBuQJNU+omYBMaiYgk5ongDyh5kbNG0CeUPNNJ1WLTqoWnVQt+uQ/Dsik5g01E5BJzQ2QSc1/yUnVopOqRSdViz75xwGZ1NwAuVFzA+QJIP9PTqoWnVQtOqla9MmXqfkmNROQGzUTkBsgk5oJyBNqNqn5m5xULTqpWnRSteiTZUB+E5BJzQTkbwZkUnMD5G92UrXopGrRSdWiT15S8yepmYBMajYBmdTcqJmAPKHmX3JSteikatFJ1aJPXgIyqZmATGomIJOaCcikZpOaCcgTQG7UfBOQSc0NkEnNppOqRSdVi06qFn2yDMgNkCfUTEAmNTdAJjUTkCfU3AB5Qs0E5EbNDZAngExq3jipWnRSteikatEnX6ZmAjKpuQHyhJobIJOaJ4BMat4AsknNBORGzaaTqkUnVYtOqhbhj7wA5EbNBORGzQ2QGzUTkDfU3ACZ1ExAbtQ8AWRSMwF5Q80bJ1WLTqoWnVQt+mSZmifU3AB5AsikZgIyqZmAfJOa36TmBsimk6pFJ1WLTqoWffJlQN5QcwPkDSCTmgnIpOYNIJOaGyA3QCY1E5DfdFK16KRq0UnVIvyRF4A8oWYCMqmZgExqNgG5UTMB2aTmBsikZgJyo+Y3nVQtOqladFK1CH/kDwJyo2YCcqPmBsgTajYBeULNBGSTmk0nVYtOqhadVC365CUgT6iZ1NwAmdTcAJnU3Ki5AXKj5gbIpGYCMqm5UTMBmdRMQH7TSdWik6pFJ1WL8EcWAblRMwG5UTMBmdTcAHlCzRtAJjU3QG7U

最低0.47元/天解锁文章

阿黄阿黄

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
2
评论
实现在Node环境与浏览器环境下生成二维码

前言二维码在我们生活中随处可见，目前也有很多第三方平台可一键生成二维码，也有很多的第三方库支持生成二维码。今天咱们就在Node环境下与浏览器环境下，实现一下二维码的生成。一、Node环境目前已经有许多第三方库可支持二维码的生成，今天用的是我比较喜欢的一个第三方库node-qrcode；1. 安装npm install --save qrcode//或者全局安装，都可以npm install -g qrcode2. 使用生成文件安装完成之后，就可以开始使用啦。首先我们先来生成一张图
复制链接

扫一扫

专栏目录