項目中有涉及到上傳附件,上傳照片等類似需求,且需要提供下載。由于這些量不大,可以直接用七牛云存儲或者阿里云存儲等類似東西,但是不想花錢,項目不大,就想用tomcat來作為文件服務(wù)器,文件直接上傳到自己的服務(wù)器上即可。
第一步:先創(chuàng)建tomcat文件服務(wù)器。
上傳文件到服務(wù)器,如果自己配置用類似tomcat的容器的話,每次重啟服務(wù)器后 文件會消失,或者會存在丟失現(xiàn)象,解決方式:利用虛擬目錄,將tomcat和上傳的文件分離。具體就是利用tomcat配置將某個請求映射到物理路徑下,完成文件回顯。這樣文件可以存放在本地,或者遠(yuǎn)程服務(wù)器上,而非tomcat上面。在http://xx.xx.xx.xx:xxxx/服務(wù)器上, tomcat配置為

tomcat 配置
web.xml 修改配置為(為true 可以查看列表,false 就是關(guān)閉,為了看出效果,就打開)

web.xml配置
這樣啟動tomcat后 瀏覽器訪問地址,結(jié)果如下:

第二步:上傳文件
html中部分代碼如下:

html文件
vue中 方法如下:

vue中方法
后臺controller 中的mapping ,其中 downloadDir 和 isForTest 是寫在 application.yml中,區(qū)別測試和正式服務(wù)器

FileUtil.java

FileUtil.java
頁面顯示

點擊上傳
上傳結(jié)果:

、
第三步:下載
下載可以直接用windows.location.href =url? ?這種對jpg 或者txt類型文件 會被直接打開,用XMLHttpRequest來下載,如下

下載方法
jqGrid的colModel 中 顯示如下

此時下載會提示? 跨域問題

跨域bug

再次下載,成功!