前端如何利用nodejs生成二维码

1018 ℃

前端如何利用nodejs生成二维码,最简单方法就是利用第三方库来实现,下面web建站小编给大家介绍一个qrcode的实现方法。

1、生成二维码代码如下:

const qrCode = require('qrcode')
class creatQRCode {
  async create (ctx) {
    const { text = 'Luban', options } = ctx.request.body
    const qrOptions = {
      type: 'image/png', //类型:image/png、image/jpeg、 image/web
      width: 180, //宽度
      margin: 0, //内边距
      scale: 1, //放缩的倍数
      color: {  //颜色
        dark: '#000000',
        light: '#ffffff'
      },
      errorCorrectionLevel: 'M',
      quality: 1
    }
    Object.assign(qrOptions, options)
    const imgData = await qrCode.toDataURL(text, qrOptions)
    return ctx.success({ imgData })
  }
}

module.exports = new creatQRCode()

2、下载二维码代码如下:

const a = document.createElement('a')
const event = new MouseEvent('click')
a.download = '我的二维码'
a.href = this.imgSrc
a.dispatchEvent(event)

html网页上如何把文件压缩成zip代码示列(前端HTML/JavaScript和后端Node.js + Express)

Vue入门需要掌握哪些知识

nodejs如何利用WebSocket实现实时发送数据

Python语法如何生成二维码

vuejs前端如何获取服务器二维码的状态?

标签: nodejs, qrcode, 生成二维码

上面是“前端如何利用nodejs生成二维码”的全面内容,想了解更多关于 nodejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2547.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

js如何利用encodeURIComponent对数组进行编码
js如何根据时间进行正序/倒序排序(兼容低版本浏览器)
TinyVue华为云中后台管理系统搭建
SEO外包公司有哪些好的方法可以让排名稳定?
帝国CMS如何修改动态页面中的分页