From 18685d8c38365bcfdf3914faff0e69a14b6656aa Mon Sep 17 00:00:00 2001
From: toesbieya <1647775459@qq.com>
Date: Wed, 17 Jun 2020 20:06:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E7=BB=84=E4=BB=B6=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vue/src/components/UploadFile/index.vue            | 3 ++-
 vue/src/config/index.js                            | 2 +-
 vue/src/utils/file.js                              | 2 ++
 vue/src/views/example/components/uploadExample.vue | 5 ++++-
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/vue/src/components/UploadFile/index.vue b/vue/src/components/UploadFile/index.vue
index d6cfb8d..0009726 100644
--- a/vue/src/components/UploadFile/index.vue
+++ b/vue/src/components/UploadFile/index.vue
@@ -52,7 +52,8 @@
     /*
     * 直传七牛云
     * 传入fileList自动拼接七牛云外链前缀，并增加downloadUrl属性（图片类型的文件url与downloadUrl相同）
-    * success、remove事件中的file.downloadUrl均不带七牛云外链前缀
+    * 非图片类型的文件使用kkFileView预览
+    * success、remove事件中的file.url均不带七牛云外链前缀
     * */
     import axios from 'axios'
     import {attachmentPrefix} from '@/config'
diff --git a/vue/src/config/index.js b/vue/src/config/index.js
index bb6cd03..360e7c0 100644
--- a/vue/src/config/index.js
+++ b/vue/src/config/index.js
@@ -32,7 +32,7 @@ module.exports = {
     attachmentPrefix: 'https://static.toesbieya.cn/',
 
     //文件预览接口前缀
-    filePreviewPrefix: isDevelopment ? 'http://localhost:8012/file/preview' : 'https://preview.toesbieya.cn',
+    filePreviewPrefix: isDevelopment ? 'http://localhost:8012' : 'https://preview.toesbieya.cn',
 
     //省市地区json数据请求地址
     regionDataUrl: '/static/json/region-pcas.json'
diff --git a/vue/src/utils/file.js b/vue/src/utils/file.js
index 7175dce..ea21a7a 100644
--- a/vue/src/utils/file.js
+++ b/vue/src/utils/file.js
@@ -14,6 +14,8 @@ const defaultOptions = {
 
 //文件预览
 export function preview(url) {
+    const connectChar = url.includes('?') ? '&' : '?'
+    url = url + connectChar + 'fullfilename=' + url.replace(attachmentPrefix, '')
     const anchor = document.createElement('a')
     anchor.style.visibility = 'hidden'
     anchor.href = `${filePreviewPrefix}/onlinePreview?url=${encodeURIComponent(url)}`
diff --git a/vue/src/views/example/components/uploadExample.vue b/vue/src/views/example/components/uploadExample.vue
index 35fa027..178e7e5 100644
--- a/vue/src/views/example/components/uploadExample.vue
+++ b/vue/src/views/example/components/uploadExample.vue
@@ -1,6 +1,9 @@
 <template>
     <div>
-        <div class="tip-row">根据业务需求简单封装了upload，集成自带预览组件</div>
+        <div class="tip-row">
+            根据业务需求简单封装了upload，集成自带预览组件<br/>
+            非图片类型的文件使用<a href="https://github.com/kekingcn/kkFileView" target="_blank">kkFileView</a>预览
+        </div>
         <upload-file :file-list="fileList"/>
         <div class="tip-row">原始使用axios的上传</div>
         <input @change="change" type="file">