微信公众号,点击按钮打开pdf文件流,安卓跳转到浏览器里下载,ios可预览但默认不能下载

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

发布了14 篇原创文章 · 获赞 2 · 访问量 3375

猜你喜欢

转载自blog.csdn.net/qq_43459332/article/details/94733916