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

1037 ℃

前端如何利用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,我们会在看到邮件的第一时间内为您处理!

企业品牌移动端黄色模板(html+css+jquery)
php语法如何获取当天日期
WordPress如何显示当前文章的评论个数
帝国后台信息设置权限后的内容模板在哪修改
Vue中如何实现Axios封装