瀏覽代碼

上传组件预览

lilei 1 年之前
父節點
當前提交
4ff9a7cfce
共有 1 個文件被更改,包括 15 次插入9 次删除
  1. 15 9
      src/components/UploadFile/index.vue

+ 15 - 9
src/components/UploadFile/index.vue

@@ -143,16 +143,22 @@ export default {
       this.previewVisible = false
     },
     handlePreview (file) {
-      // if (this.listType == 'text') {
-      //   return
-      // }
-      // console.log(file)
-      if (file.response.status == 200) {
-        this.previewImage = file.response.data
-      } else {
-        this.previewImage = file.url || file.thumbUrl
+      console.log(file)
+      if (file.type && (file.type.indexOf('image') >= 0 || file.type.indexOf('video') >= 0)) {
+        if (file.response && file.response.status && file.response.status == 200) {
+          const src = file.response.data
+          this.previewImage = src && Array.isArray(src) ? src[0] && src[0].filePath : src
+        } else {
+          this.previewImage = file.url || file.thumbUrl
+        }
+        this.previewVisible = true
+      }else{
+        const src = file.response.data
+        if(!Array.isArray(src)){
+          this.previewImage = file.url || file.thumbUrl
+          this.previewVisible = true
+        }
       }
-      this.previewVisible = true
     },
     handleRemove (file) {
       this.$emit('remove')