vue项目二维码生成|转连接|转文件

一、安装二维码插件

npm i arale-qrcode

二、示例

# html
<template><div ref="qrcode"></div>
</template># js
import AraleQRCode from 'arale-qrcode'# 方法
createRcode() {let qrcode = new AraleQRCode({"render": "png",  // 生成的类型 'svg' or 'table'"text": `11231231231231231231212312二维码内容`, // 需要生成二维码的链接"size": 160 // 生成二维码大小});this.$refs.qrcode.appendChild(qrcode)//显示二维码//this.cavasToImg(qrcode)}//转图片地址 和  图片地址转文件  方法
cavasToImg(qrcode) {let src = qrcode.toDataURL("image/png");//转地址let blob = this.dataURLtoBlob(src);//转bloblet file = this.blobToFile(blob, `文件名称.png`);//转文件
},dataURLtoBlob(dataurl) {let arr = dataurl.split(","),mime = arr[0].match(/:(.*?);/)[1],bstr = atob(arr[1]),n = bstr.length,u8arr = new Uint8Array(n);while (n--) {u8arr[n] = bstr.charCodeAt(n);}return new Blob([u8arr], { type: mime });
},
// 将blob转换为fileblobToFile(theBlob, fileName) {theBlob.lastModifiedDate = new Date();  // 文件最后的修改日期theBlob.name = fileName;                // 文件名return new File([theBlob], fileName, { type: theBlob.type, lastModified: Date.now() });
},

vue项目二维码生成|转连接|转文件相关推荐

聊聊 Web 项目二维码生成的最佳姿势
在设计和实现的过程之后,你永远不知道部署上去的程序会已什么样的姿势运行. 本篇借一次生成二维码逻辑的不同实现,阐述 Web 项目中二维码生成的正确姿势. 文中如有批量,欢迎各位看客老爷拍砖.试运行前5 ...
二维码生成和pdf添加文件和图片
1.项目路径 https://gitee.com/yuhaifei/PDFAndQRCode.git 2.用到jar包 QRCode.jar iText-5.0.6.jar iTextAsian_1. ...
二维码生成工具类（文件转Base64字符串，Base64字符串转文件）
希望我的知识榨干了能帮到你解除困难,要是没有帮助你的,问度娘和知爹一.POM.xml依赖下载二.工具类提供一.POM.xml依赖下载 <depe ...
java+vue的二维码生成，二维码上传服务器，二维码的压缩包下载
一. vue页面生成二维码 <template><div class="app-container">//在页面放着二维码的div<div id=&q ...
Vue使用二维码生成微信支付
安装第三方插件 npm install --save qrcode 使用时 ES6/ES7:Promises 和 Async/Await 可以用来代替回调函数. import QRCode from ...
vscode中vue项目，QRCode二维码生成
昨天突然说让我写个简单的二维码生成页面 1.首先肯定要打开我们的项目,然后安装QRCode npm install qrcodejs2 2.然后新建一个文件(比如index.vue) 在文件最上面写上 ...
vue二维码生成插件 - npm安装篇
vue二维码生成插件 - npm安装篇具体使用: 1. 安装: npm install vue-qr --save 2. 引入和声明 //在需要生成二维码的文件中引入比如qrCode.vue imp ...
魔坊APP项目-15-邀请好友（业务逻辑流程图、服务端提供邀请好友的二维码生成接口、客户端通过第三方识别微信二维码，服务端提供接口允许访问、App配置私有协议,允许第三方应用通过私有协议,唤醒APP）
邀请好友 1.业务逻辑流程图客户端提供点击"邀请好友"以后的页面frame,html/invite.html,代码: <!DOCTYPE html> <html ...
vue 在线生成二维码二维码生成背景下载
安装引用 3.注入 app.vue 这里只是生成二维码生成二维码 js 这里是需要二维码并且与另一张合成一张image的! 上代码

vue项目二维码生成|转连接|转文件

vue项目二维码生成|转连接|转文件相关推荐

最新文章

热门文章

vue项目 二维码生成|转连接|转文件

vue项目 二维码生成|转连接|转文件相关推荐

最新文章

热门文章

vue项目二维码生成|转连接|转文件

vue项目二维码生成|转连接|转文件相关推荐