微信公众号怎么做文件下载
2020-11-19 15:35:01
本人是在一家北京互联网公司从事前端开发工作,公司有个公众号,之前的开发都是做的H5页面跳转,也挺方便。昨天老板突然要求需要下载一个文件包的功能,然后就开始挖坑和填坑了。
刚开始,我是直接把需要下载的资源包的链接,直接放在公众号的功能链接地址里,当点开时会发现资源包是直接在页面上乱码展示的,并没有实现下载功能。查了一圈资料网上好多推荐的方法但是好像都需要付费(公司的项目不可能自己掏钱啊),只能自己做了。
最好的设想是点击公众号内功能按钮,微信自带浏览器实现下载功能,这个有点想多了。退而求其次,调用手机自带浏览器,实现下载功能,这个没能实现,最后只能提醒用户,在自己浏览器打开本页面了……
话不多说,先做一个只有下载功能的页面,进入页面后实现自动下载功能,body部分代码
js部分代码,实现进入页面,自动执行点击a标签功能
上面这些都不算困扰,但是有一点就是提示用户使用手机浏览器打开链接,在网上自己找了一个提示图片,大家也可以自己直接制作一个,我找的是个这样的
也就是页面中加入了一个图片标签
那么重点来了,在微信里需要显示提示图片,隐藏a标签,在手机自带浏览器打开时,隐藏提示图片,显示a标签,自动执行下载功能,判断浏览器版本这个确实让我一顿好找,最后这个方法实现了效果。
最后就是判断函数的返回值,进行不同浏览器版本显示与隐藏了
纯属自己边摸索边实现,有更好的方法可以交流,谢谢。
阅读剩余内容