微信公众号,点击按钮打开pdf文件流,安卓跳转到浏览器里下载,ios可预览但默认不能下载
2019-07-05 14:17
1201 查看
微信公众号,点击按钮打开pdf文件流,安卓跳转到浏览器里下载,ios可预览但默认不能下载
注:在pc上开始时采用这两种方式是没有效果的,或者打开的是空页面,但上线到公众号是没有问题的!!!!!!!!!
方法一:采用生成的a标签
var a = document.createElement("a"); a.setAttribute("href", data.data); a.setAttribute("id", "startTelMedicine"); a.setAttribute("onclick", "window.open()");//这里一定要加!!!! // 防止反复添加 if (document.getElementById("startTelMedicine")) { document.body.removeChild( document.getElementById("startTelMedicine") ); } document.body.appendChild(a); a.click();
方法二:采用pdf.js的方法
针对pdf的引用和一些修改,这里不做过多解释,网上很多。。。。直接上代码
window.open('../../static/pdf/web/viewer.html?file=' + encodeURIComponent(data.data))
路径一定要写准确,而且因为data.data是url的关系,所以一定要采用encodeURIComponent的方法,不然浏览器无法解析。
看着代码超级少,但是确实以前踩了很多坑,因为过于相信在pc上的效果,一直出现不了效果,就阻塞了很多时间,而且,如果不加方法一的第四行代码,ios端是没有效果的。当然,我用的这些方法ios只能预览,转发的话必须要用Safari打开,再转发给朋友,这样就生成了pdf文件。安卓的话会默认跳转到外部浏览器,既可以查看也可以下载(这点安卓做的确实人性化多了)
相关文章推荐
- 安卓微信下载APP文件如何调用默认浏览器 IOS如何跳转App Store(苹果商店)打开
- 微信环境中APK下载方案 安卓调用默认浏览器打开 IOS跳转App Store(苹果商店)打开
- 微信下载APP的最佳方案 安卓手机调用手机默认浏览器打开 IOS跳转App Store(苹果商店)打开
- 安卓微信下载APP文件如何调用默认浏览器 IOS如何跳转App Store(苹果商店)打开
- 微信中安卓手机点击链接强制跳转默认浏览器打开指定网页
- 微信跳转手机默认浏览器打开指定HTML链接 微信点击链接直接下载安装包实现方式及源码
- 默认点击下载pdf等文件而不是在浏览器中打开
- 微信直接用手机默认浏览器打开下载 IOS苹果跳转App Store(苹果商店)打开下载
- 微信无法下载APP的解决方案 IOS自动跳转商店(App Store)安卓自动跳转手机默认浏览器下载
- 微信中下载APP的方案 安卓手机弹出默认浏览器打开 苹果跳转App Store苹果商店下载
- 微信无法下载APP的解决方案 : IOS自动跳转商店(App Store)安卓自动跳转手机默认浏览器下载
- 微信中安卓手机点击链接强制跳转默认浏览器打开指定网页
- 微信直接用手机默认浏览器打开下载 IOS苹果跳转App Store(苹果商店)打开下载
- 安卓手机微信不能打开App下载地址的问题 微信跳转打开外部浏览器下载
- 微信中安卓手机点击链接强制跳转默认浏览器打开指定网页
- 微信下载的最佳 方案 安卓调用手机默认浏览器 IOS跳转App Store(苹果商店)
- 安卓手机微信不能打开App下载地址的问题 微信实现点开网址直接跳转浏览器
- 微信中安卓手机点击链接强制跳转默认浏览器打开指定网页
- 微信扫描二维码跳转手机默认浏览器打开下载app的链接是怎么实现的
- js点击下载跳转iOS或安卓