您的位置:首页 > 移动开发 > 微信开发

微信公众号,点击按钮打开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文件。安卓的话会默认跳转到外部浏览器,既可以查看也可以下载(这点安卓做的确实人性化多了)

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐