分享一个免费的二维码生成接口（含源码和在线Demo）

小编以前每当需要二维码的时候，就会到草料二维码去制作一张，然后下载图片。

这样做，一张两张还能搞一搞，但需求量增多后显得十分麻烦。

So，小编经过探索终于找到了一个免费的二维码生成接口。虽然有些简陋，但勉强能满足需求。

V2，2020-7-31更新

V2代码如此简单，就不用细讲了吧？

<script>function $(id) {return document.getElementById(id)}function getQrcode() {let api = '/index/about/qrcode'let target = $('domain').value || 'http://www.yixzm.cn'$('qrcode-img').src = `http://${location.host}${api}?target=${target}`}$('btn-build').onclick = function () {getQrcode();}getQrcode()
</script>

查看效果

直接看成果：

https://www.yixzm.cn/qrcode?target=http://www.yixzm.cn

可以直接在图片src里这么写：http://www.yixzm.cn/qrcode?target=http://www.yixzm.cn

Demo示例

http://www.yixzm.cn/lab/qrcode

有需要的同学快快拿走~

Demo

小编大概写了个使用Demo，实现效果如下图：传送门

V1，据反馈使用不很方便，现已弃用

接口文档

Request URL: http://mock.xunsu.online/sdk/about/qrcode

Request Method: POST

Payload:

{"url":"https://www.yixzm.cn"}

接口说明

请求类型是POST，传json格式的payload，只需要URL一个字段

Axios 实现源码关键部分

HTML

<img id="qrcode-img" src="">
<input id="domain" placeholder="示例：http://www.xunsu.online"/>
<button id="btn-build">生成二维码</button>

JavaScript

function getQrcode() {let api = 'https://www.yixzm.cn/sdk/about/qrcode'let url = $('domain').value || 'https://www.yixzm.cn'let payload = {url: url}let config = { responseType: 'arraybuffer' };axios.post(api, payload, config).then(response => {return 'data:image/png;base64,' + btoa(new Uint8Array(response.data).reduce((data, byte) => data + String.fromCharCode(byte), ''));}).then(data => {$('qrcode-img').src = data;})
}$('btn-build').onclick = function () {getQrcode();
}

分享一个免费的二维码生成接口（含源码和在线Demo）相关推荐

[转载]腾讯云大学大咖分享 |小游戏联机对战引擎实践（含源码）
一个高效率的学习安排,应该是:10%时间,了解行业和技术的发展动态:40%的时间,看教程和慕课:30%的时间,看别人写的代码样例.这三件事做完,最后20%时间再动手编程.看资料和教程,占多数时间.资料 ...
一个炫酷的二维码生成项目附源码
前阵子打算换一个炫酷的公众号二维码,无奈市面上很多的二维码修改器都不尽人意. 草料二维码也挺炫酷的,但是也没有满意的效果. 于是又去万能的github逛了一下,终于找到了一款开源的二维码修改器. 这个 ...
二维码生成器二维码生成插件开发qrious源码
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828 现在的互联网时代,二维码处处可见,这次我们研究下二维码生成 ...
二维码生成[易语言源码]
点击阅读原文通过调用QRCodeWin32.dll库来实现二维码的编码,点阵建议0.1 二维码用来和app交互很不错. 链接: http://pan.baidu.com/s/1jHADGpC 密码: ...
一维OTSU法、最小交叉熵法、二维OTSU法及C++源码
1.最大类间方差法(Otsu法) 该算法是日本人Otsu提出的一种动态阈值分割算法.它的主要思想是按照灰度特性将图像划分为背景和目标2部分,划分依据为选取门限值,使得背景和目标之间的方差最大.(背景和 ...
分享一个基于 SpringBoot + 小程序的婚礼邀请函项目源码
简介一个婚礼邀请函小程序,自带简单的后台管理系统,由于微信审核特别严格,留言祝福功能已经关闭,有需要的可以自行设置开关. 小程序源自网络,具体真的不记得了,感谢网友,由于后端是PHP实现的,于是用 ...
分享一个很好用的外卖红包小程序源码（可三级裂变分销，绑定公众号）
一个小程序,一个公众号,每天可领叠加外卖红包,还有其它的福利捡漏,很好用的.抢茅台开源. 外卖cps带分销返利源码怎么推广"外卖CPS项目"赚佣金? 饿了么美团外卖红包小程序搭建 ...
Unity3d C# 开发微信小游戏分享图片、朋友圈等功能实现（含源码）
广告通过一段时间的基于minigame-unity-webgl-transform插件的开发,算是稍微完整的一小个游戏已经制作完成,具体大家可以扫码体验一下: 感谢支持!! 前言之前编写了一篇u3 ...
安卓/电脑扑克识别方案源码讲解（含源码在最后）
上一个文章讲了麻将识别的整个过程: 采集样本->标注->训练->测试. 本专栏主要讲人工智能图像识别,图像识别解决身边的实际问题!订阅专栏可了解相关原理和获得源码这篇文章细节没有麻 ...

分享一个免费的二维码生成接口（含源码和在线Demo）

V2，2020-7-31更新

查看效果

V1，据反馈使用不很方便，现已弃用

分享一个免费的二维码生成接口（含源码和在线Demo）相关推荐

最新文章

热门文章