江苏龙网

  1. 首页 > 生活 > >

咋实现前端HTML页面在线预览服务器传来的PDF和Word文件

PDF.js
■网友
你说的这个是永中dcs么，在他们网站上看到过这样的案例

咋实现前端HTML页面在线预览服务器传来的PDF和Word文件

永中DCS，在应用菜单，政府机构里面可以看到

■网友
jquery.media.js
首先是引入相应的js文件：
\u0026lt;script type="text/javascript" src="https://www.zhihu.com/api/v4/questions/52081553/jquery-1.7.1.min.js"\u0026gt;\u0026lt;/script\u0026gt; \u0026lt;script type="text/javascript" src="https://www.zhihu.com/api/v4/questions/52081553/jquery.media.js"\u0026gt;\u0026lt;/script\u0026gt; 页面加载完毕后需要执行的js代码，以预览PDF为例：
script type="text/javascript"\u0026gt; $(function() { $(\u0026#39;.pdf\u0026#39;).media({width:450, height:350{}); }); $(\u0026#39;.btn\u0026#39;).click(function(){ $(".pdf").show(); });\u0026lt;/script\u0026gt; 在页面上加入HTML代码：
\u0026lt;body\u0026gt; \u0026lt;button class="btn" \u0026gt;文件预览\u0026lt;/button\u0026gt; \u0026lt;div \u0026gt;\u0026lt;a class="pdf" href="https://www.zhihu.com/api/v4/questions/52081553/a.pdf" display:none\u0026gt;\u0026lt;/a\u0026gt;\u0026lt;/div\u0026gt;\u0026lt;body\u0026gt;附上github地址:
https://github.com/malsup/media

■网友
【咋实现前端HTML页面在线预览服务器传来的PDF和Word文件】
咋实现前端HTML页面在线预览服务器传来的PDF和Word文件

pdf打开有乱码啊？


    推荐阅读


    上一篇：互联网实习是做测试还是去产品经理（都是大公司）

    下一篇：在创业型公司工作，你经历过哪些有趣的事情