使用Js在前台画二维码
哈喽,现在扫一扫都已经是主流了,很多地方需要贴二维码给人来扫一扫。
二维码的本质我们都很清楚,就是里面一个连接,扫码然后跳转。
那么,在我们的前端项目中应该怎么构建属于自己的二维码呢?
开始我也没写过,感觉这玩意儿操作起来应该很复杂
怎么也得,先这样,再那样
其实很简单,简单到不要不要的。【偷笑】
首先引入2个js文件
<script src="~/Scripts/QRCode/jquery.qrcode.js"></script> <script src="~/Scripts/QRCode/qrcode.js"></script>
这两个文件需要Jquery的文件支持。没有引用的先引用下jquery文件就好。
到这里是不是就感觉事情不简单了,嘿嘿嘿。
当然了,我都引用包了,怎么还可能麻烦,至于里面的实现,这次我就不讲了 【我才不会说我不会(懒得看)】
<span id="qrcode"></span> $('#qrcode').qrcode('http://you can write what do you want at hrer!!!');
然后,就完成了。
惊不惊喜,意不意外?
但是有一点需要注意,js代码要放在html代码之后哦!
好了,本次就到这里。QRCode不再难
最后,留下福利。
jquery qrcode. 自己取
链接:https://pan.baidu.com/s/1OCs9p3XU5S9vDDEbMmsmSQ 提取码:ld8r
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!