上传组件修改

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'

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'

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)}`

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">