无服务器 自建短链服务 Url-Shorten-Worker 显示短链的二维码QRcode
参考233boy的二维码工具. https://233boy.github.io/tools/qr.html
其中用到的二维码JS是
https://cdn.jsdelivr.net/gh/lrsjng/jquery-qrcode@0.18.0/dist/jquery-qrcode.min.js
并依赖 jQuery
https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js
修改index.html.
在现有的短链文本框后再增加一个生成QRcode的按钮.
然后在现有的短链这一行与长链这一行之间, 添加一个div作为二维码的占位.
调试的时候发现一个有意思的事情.
有意思的是, 如果短链本身是带点 . 的, 比如
查代码, 生成QRcode的语句是用jQuery的语法写的.
$("#qrcode-" + shortUrl ).empty().qrcode(options);
而 jQuery 的select语法里面 点 . 是有特殊意义的.
所以又问了一下GPT https://devv.ai/search?threadId=dht5vhmnhh4w
改成这样就正常了.
$("#qrcode-" + shortUrl.replace(/(:|\.|\[|\]|,|=|@)/g, "\\$1") ).empty().qrcode(options);
========
Github
https://github.com/crazypeace/Url-Shorten-Worker
演示站
https://urlsrv.crazypeace.workers.dev/bodongshouqulveweifengci
评论
发表评论