分享⼀个免费的⼆维码⽣成接⼝（含源码和在线Demo）⼩编以前每当需要⼆维码的时候，就会到 去制作⼀张，然后下载图⽚。
这样做，⼀张两张还能搞⼀搞，但需求量增多后显得⼗分⿇烦。
So，⼩编经过探索终于到了⼀个免费的⼆维码⽣成接⼝。虽然有些简陋，但勉强能满⾜需求。
V2，2020-7-31更新
V2代码如此简单，就不⽤细讲了吧？
<script>
function $(id) {
ElementById(id)
}
function getQrcode() {
let api = '/index/about/qrcode'
let target = $('domain').value || 'www.yixzm'
$('qrcode-img').src = `${location.host}${api}?target=${target}`
}
$('btn-build').onclick = function () {
getQrcode();
}
getQrcode()
</script>
查看效果
直接看成果：
图片下载站源码Demo⽰例
有需要的同学快快拿⾛~
Demo
⼩编⼤概写了个使⽤Demo，实现效果如下图：
V1，据反馈使⽤不很⽅便，现已弃⽤
接⼝⽂档
Request Method: POST
Payload:
{"url":"www.yixzm"}
接⼝说明
请求类型是POST，传json格式的payload，只需要URL⼀个字段
Axios 实现源码关键部分
HTML
<img id="qrcode-img"src="">
<input id="domain"placeholder="⽰例：line"/>
<button id="btn-build">⽣成⼆维码</button>
JavaScript
function getQrcode(){
let api ='www.yixzm/sdk/about/qrcode'
let url =$('domain').value ||'www.yixzm'
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();
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。