使用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 

 

 

posted @   王月半子  阅读(140)  评论(0编辑  收藏  举报
编辑推荐:
· 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,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
点击右上角即可分享
微信分享提示