admin管理员组

文章数量:1516870

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

本文标签： 不能下载跳转到按钮公众文件

版权声明：本文标题：微信公众号，点击按钮打开pdf文件流，安卓跳转到浏览器里下载，ios可预览但默认不能下载 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.betaflare.com/biancheng/1727324339a1236422.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。