使用 pdfjs 预览 PDF 文件

src/views/disk/FileList.vue

@@ -101,9 +101,15 @@
             <el-tag v-else-if="scope.row.fileType === 1004" :type="'danger'" disable-transitions>
               文本
             </el-tag>
-            <el-tag v-else :type="'danger'" disable-transitions>
+            <el-tag v-else-if="scope.row.fileType === 1005" :type="'danger'" disable-transitions>
               其他
             </el-tag>
+            <el-tag v-else-if="scope.row.fileType === 1006" :type="'danger'" disable-transitions>
+              PDF
+            </el-tag>
+            <el-tag v-else :type="'danger'" disable-transitions>
+              二进制
+            </el-tag>
           </template>
         </el-table-column>
         <el-table-column
@@ -203,8 +209,14 @@
             <div v-else-if="fileDetail.fileType === 1004">
               <span>文本文件</span>
             </div>
+            <div v-else-if="fileDetail.fileType === 1005">
+              <span>文本文件</span>
+            </div>
+            <div v-else-if="fileDetail.fileType === 1006" style="height: 80vh; overflow: auto">
+              <iframe :src="fileUrl" width="100%" height="100%"></iframe>
+            </div>
             <div v-else>
-              <span>文件没有预览</span>
+              <span>无预览</span>
             </div>
           </div>
         </el-card>
@@ -254,7 +266,6 @@ import {
   getFolderTree,
   moveDiskFile
 } from '@/api/disk'
-import DPlayer from "dplayer";
 
 export default {
   name: 'FileList',
@@ -295,7 +306,8 @@ export default {
         pid: null,
         fileIds: []
       },
-      videoProp: null
+      videoProp: null,
+      fileUrl: null
     }
   },
   created() {
@@ -467,6 +479,11 @@ export default {
               { name: this.fileDetail.filename, url: this.fileDetail.originalUrl }
             ]
           } else if (fileType === 1004) {
+          } else if (fileType === 1005) {
+          } else if (fileType === 1006) {
+            const pdfUrl = this.fileDetail.originalUrl
+            this.fileUrl = '/pdfjs/web/viewer.html?file=' + encodeURIComponent(pdfUrl)
+          } else {
           }
           this.previewFileDialog = true
         }