文件预览和视频预览

src/pages/content-manage/components/DrawerForm.vue

@@ -100,7 +100,7 @@
         <div class="upload-file-display" v-if="form.enclosure_uri_name">
           {{form.enclosure_uri_name}}
           <span class="upload-file-bar">
-            <i class="el-icon-download" @click="handleDownloadFile('enclosure_uri')"></i>
+            <i :class="isFilePreview(form.enclosure_uri_name) ? 'el-icon-view':'el-icon-download'" @click="handleDownloadFile('enclosure_uri')"></i>
             <i class="el-icon-circle-close" @click="handleClearFile('enclosure_uri')"></i>
           </span>
         </div>
@@ -119,7 +119,7 @@
         <div class="upload-file-display" v-if="form.video_uri_name">
           {{form.video_uri_name}}
           <span class="upload-file-bar">
-            <i class="el-icon-download" @click="handleDownloadFile('video_uri')"></i>
+            <i class="el-icon-view" @click="handleDownloadFile('video_uri')"></i>
             <i class="el-icon-circle-close" @click="handleClearFile('video_uri')"></i>
           </span>
         </div>
@@ -339,9 +339,12 @@ export default {
       this.form = Object.assign({}, defaultForm)
     },
     handleDownloadFile(target) {
-      console.log(this.form[target])
       const url = this.form[target]
+      if (this.isFilePreview(url)) {
+        window.open(url, '_blank')
+      } else {
         this.fileDownload(url, url)
+      }
     },
     handleClearFile(target) {
       this.form[target] = ''
@@ -371,6 +374,15 @@ export default {
         }
       })
     },
+    isFilePreview(url) {
+      const fileNameArr = url.split('.')
+      const suffix = fileNameArr[fileNameArr.length - 1]
+      if (['pdf', 'mp4'].includes(suffix)) {
+        return true
+      } else {
+        return false
+      }
+    },
     toUnitTimestamp(time) {
       return formatToDate(time).getTime() / 1000
     },