vue使用kkfileview文件預覽功能

1.環境要求：

　　java 1.8+

2.部署運行：

　　本機以及虛擬機上運行：

　　　　1.從https://gitee.com/kekingcn/file-online-preview/releases地址下載最新的版發行包

　　　　2.解壓kkFileView-2.x.x.Zip包

　　　　3.打開解壓後文件夾的bin目錄，運行startup腳本（Windows下以管理員身份運行startup.bat，Linux以root用戶運行startup.sh）

　　　　4.瀏覽器訪問本機8012端口（http://127.0.0.1:8012 ）便可看到項目演示用首頁

3.項目實施：

　　在文件上傳組件後配置預覽選項

 

　　<span @click='preView'>預覽</span>

　　點擊方法

　　preView(){

　　　var originUrl = 'http://127.0.0.1:8080/filedownload?fileId=1'; //要預覽文件的訪問地址

　　　var previewUrl = originUrl + '&fullfilename='+文件名稱

　　　window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(previewUrl));

　　}

4.kkFileView文檔：

　　https://gitee.com/kekingcn/file-online-preview/wikis/Home?sort_id=1444366