vue 文档.PDF无法预览解决方法

在预览的时候，.pdf文件可以正常预览，但是.PDF就无法预览，后来找到了解决方法，将文件格式小写后判断是不是.pdf，如果是就正常预览，方法很简单，代码如下：

    // 文档预览handleDocView(docInfo) {console.log('docInfo is :', docInfo)switch (docInfo.resourceType) {case 'application/pdf':this.currentPdfViewUrl = './pdfjs/web/viewer.html?file=' + encodeURIComponent(docInfo.resourceUrl)console.log('this.currentPdfViewUrl is', this.currentPdfViewUrl)this.pdfViewerDrawerDisplay = truebreak// case 'image/jpg'://   this.currentPdfViewUrl = './img-view.html?file=' + encodeURIComponent(docInfo.resourceUrl)//   console.log('this.currentJpgViewUrl is', this.currentPdfViewUrl)//   this.pdfViewerDrawerDisplay = true//   breakdefault:// 取文件的后缀名，小写后进行比较console.log('docInfo.name.substring(docInfo.name.length - 3).toLowerCase:', docInfo.name.substring(docInfo.name.length - 3).toLowerCase())if (docInfo.name.substring(docInfo.name.length - 3).toLowerCase() === 'pdf') {         console.log('this.currentPdfViewUrl is', this.currentPdfViewUrl)this.currentPdfViewUrl = './pdfjs/web/viewer.html?file=' + encodeURIComponent(docInfo.resourceUrl)this.pdfViewerDrawerDisplay = truebreak}this.$refs[docInfo.id].value = truesetTimeout(_ => {this.$refs[docInfo.id].value = false}, 3000)break}}

这里是前端小白，如有不对请指正！

vue 文档.PDF无法预览解决方法相关推荐

java零碎要点010---Java实现office文档与pdf文档的在线预览功能
最近项目有个需求要java实现office文档与pdf文档的在线预览功能,刚刚接到的时候就觉得有点难,以自己的水平难以在三四天做完.压力略大.后面查找百度资料.以及在同事与网友的帮助下,四天多把它做完 ...
java 预览word文档_Java实现office文档与pdf文档的在线预览功能
最近项目有个需求要java实现office文档与pdf文档的在线预览功能,刚刚接到的时候就觉得有点难,以自己的水平难以在三四天做完.压力略大.后面查找百度资料.以及在同事与网友的帮助下,四天多把它做完 ...
WEB端和微信小程序端的文档文件在线预览方法
文件的在线预览方式汇总文件在线预览功能可以提高用户体验,值得加入. 一般常见的文件有office套装.pdf.txt.md.和音视频. 音视频的预览是单独一块,今天主要说说文档文件的在线预览功能. ...
Freemaker导出word文档并实现预览
文章目录使用freemaker进行生成word文档并实现预览一.导入依赖二.导出word文件步骤 1.将word文档转成ftl文件 2.文件数据绑定三.导出html文件步骤四.解析文件并生成 ...
java通过POI和jacob实现word文档的在线预览和下载
通过POI和jacob可以实现word文档的在线预览和下载. 首先,引入以下maven依赖. <dependency><groupId>org.apache.poi</g ...
“当前不会命中断点还没有为该文档加载任何符号”解决方法
"当前不会命中断点还没有为该文档加载任何符号"解决方法参考文章: (1)"当前不会命中断点还没有为该文档加载任何符号"解决方法 (2)https://ww ...
计算机word文档无法工作,word无法打开(WORD文档打不开_解决方法_电脑基础知识_IT/计算机_专业资料)...
word无法打开(WORD文档打不开_解决方法_电脑基础知识_IT/计算机_专业资料),哪吒游戏网给大家带来详细的word无法打开(WORD文档打不开_解决方法_电脑基础知识_IT/计算机_专业资料) ...
Win7/Win8.1升级Win10后Word/Excel/PPT 2013文档打不开的解决方法
从Win7/Win8.1升级安装Win10后,有一个好处就是以前系统的设置和安装的软件都可以保留下来.但是很快有用户发现了一个明显的兼容性问题,就是Office 2013创建的文档(包括Word.Ex ...
阿里云智能媒体服务 oss文档转换及预览
本人在工作中也是接触到这个需求我们本身的文档都存储在阿里云的oss上 ,由于浏览文档需要下载后观看为了方便浏览文档方便开了这样一个功能将文档转换成图片来进行预览好了废话就不多说了下 ...

vue 文档.PDF无法预览解决方法

vue 文档.PDF无法预览解决方法相关推荐

最新文章

热门文章