把一份PDF做成二维码,听起来像是只有程序员才玩得转的事,其实门槛低得出奇。手头有产品手册、活动指南或课程讲义的话,与其把附件到处乱发,不如在海报、包装或桌卡上印个码,别人扫一下就能看,既省事又体面。整套做法只需要一个HTML文件,配上几行JavaScript。

先弄明白背后的逻辑。二维码存不下一整份文件,它能装的只是一小段文字,通常是一个网址。所以“把PDF变成二维码”,实际是给PDF安排一个能访问的地址,再把这个地址画成图案。这一点想通了,后面的每一步都不奇怪。

动手第一步,新建一个HTML文档,把PDF嵌进去。常用写法是用embed或iframe标签,把src指向你的文件,比如"example.pdf"。这里有两个容易踩的小坑:文件名一定要写对;PDF最好和HTML放在同一个目录,路径对不上,页面打开就是一片空白。
至于二维码,不必自己从零写编码算法,现成的开源库一抓一大把。QRCode.js算是其中用得最广、维护也持续得久的一个,GitHub和公共CDN上都能取到,在HTML的head部分引入即可,路径换成你实际存放的位置。
再给二维码留个位置:页面里加一个div,id设成qrcode。名字本身随意,只要后面写代码时对得上就行。
真正干活的,是script标签里这一行:
var qrcode = new QRCode(document.getElementById("qrcode"), { text: "example.pdf", width: 128, height: 128 });

text填的是二维码要承载的内容,width和height决定图案大小,嫌128像素小就调大些,扫起来也更清楚。
有个坑值得提前说:手机扫码,读到的只是码里存的那串字。text里如果只填"example.pdf"这样的相对路径,别人扫出来不过是一段文件名,什么都打不开。正式投入使用时,这里应当填网页或PDF发布之后的完整网址,也就是以https://开头的那种,扫码才能真正跳转。另外,链接太长会让二维码又黑又密、不好识别,不妨先过一道短链接服务。有些短链还支持事后更换指向,哪天PDF更新了版本,已经印出去的码也不至于作废,做宣传物料时能省掉不少返工。
万事俱备,就该测试了。先在本地浏览器打开HTML,确认PDF显示正常、二维码也渲染了出来,再用手机实际扫一次,看看跳转顺不顺。都没问题,就把HTML连同PDF一起上传到服务器或静态托管空间,其他人通过网址即可访问。如果你只想让人扫码直达PDF,中间这层网页也可以省掉,直接把PDF的直链填进二维码。
走完一遍你会发现,这套东西的用途远不止一两种:说明书印在包装上,讲义贴在教室门口,菜单摆上餐桌,都比塞U盘、群发邮件轻巧得多。整个过程谈不上什么高深编程,亲手试一次,基本就成了。
Iniciar Sesión Ahora