使用vue实现在线预览pdf文件和下载的方法

这篇文章主要介绍使用vue实现在线预览pdf文件和下载的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

目前成都创新互联已为上千多家的企业提供了网站建设、域名、网页空间、网站托管、服务器租用、企业网站设计、襄州网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

最近做项目遇到在线预览和下载pdf文件,试了多种pdf插件,例如jquery.media.js(ie无法直接浏览)

最后选择了pdf.js插件(兼容ie10及以上、谷歌、安卓,苹果)

强烈推荐改插件,以下介绍用法

(1)下载插件

下载路径: pdf.js

(2)将下载构建后的插件放到文件中public(vue/cli 3.0)

使用vue实现在线预览pdf文件和下载的方法

(3)在vue文件中直接使用,贴上完整代码






.wrap{
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 bottom: 0;
}

以上是“使用vue实现在线预览pdf文件和下载的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


文章题目:使用vue实现在线预览pdf文件和下载的方法
浏览路径:http://bzwzjz.com/article/jpcsci.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 成都网站设计 成都网站建设公司 成都网站设计 手机网站建设 成都营销网站制作 成都模版网站建设 梓潼网站设计 专业网站建设 企业手机网站建设 网站建设改版 高端网站设计推广 成都网站建设 高端网站建设 成都网站制作 手机网站制作设计 LED网站设计方案 重庆企业网站建设 高端品牌网站建设 手机网站建设套餐 成都网站建设 成都网站建设