使用SpringBoot配置虛擬化路徑用于圖片的展示
配置虛擬化路徑用于圖片的展示
springboot默認(rèn)可以訪問resources下的static文件夾下的靜態(tài)資源,我們一般將圖片指定上傳到static下的某個文件夾
例如images:
開發(fā)階段可以使用,但是當(dāng)項目打成jar包就無法使用,運(yùn)行會報出無法找到文件路徑。這時候就需要配置虛擬路徑,用來指定到硬盤下的固定地址。
1.首先我們在application.yml文件
配置文件上傳的路徑,以及訪問的地址:
這里我設(shè)置了文件上傳之后統(tǒng)一保存到c盤下的images文件夾下,訪問的地址為:http://localhost:8888/images/xxx.jpg
2.配置虛擬路徑的映射
上面/images/**表示的是服務(wù)器請求圖片的地址 例如:http://localhost:8888/images/xxx.jpg 都會去映射到本地C:/images/xxx.jpg
注意:我上述代碼里取到配置文件中的rootSavePath,但是并沒有使用,而是自己寫的file:/c:/images,因?yàn)橹苯邮褂迷撟兞繒箦e,路徑前面必須加file。
配置虛擬路徑訪問本地圖片問題
關(guān)于springboot+vue,改變服務(wù)器文件夾圖片訪問顯示問題
問題
本人最近用springboot+vue做了個項目,里面有關(guān)圖片顯示和修改功能。
1.做了虛擬路徑,能訪問到文件夾的圖片
2.前端使用element的el-upload上傳圖片,后端用MultipartFile file接收,并替換原來文件夾的圖片,能成功,本地文 件夾圖片確實(shí)替換成功
3.確定本地圖片改變后,發(fā)現(xiàn)頁面圖片未改變,刷新也沒改變
舉個例子
1.使用虛擬路徑,前端的<img src="http://localhost:8080/img/img1.jpg"> 能訪問到本地圖片img1.jpg
2.然后用刪除本地img1.jpg,放入img2.jpg,修改名稱為img1.jpg,其實(shí)意思就是修改了img1圖片但名稱不變。
3.結(jié)果<img src="http://localhost:8080/img/img1.jpg">顯示的還是原來的img1圖片.刷新頁面也一樣,只能把圖片路徑單獨(dú)在瀏覽器顯示并刷新才出現(xiàn)更換的圖片。
4.猜測是瀏覽器的什么機(jī)制引起的。但是這樣效果不太友好,畢竟我想要的是可以修改圖片直接在瀏覽器看到效果,
5.后面還是刪除原圖,用新圖的路徑給img.有人有差不多的問題嗎?有更好的解決方法歡迎評論。
以上為個人經(jīng)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
spring Cloud微服務(wù)跨域?qū)崿F(xiàn)步驟
這篇文章主要介紹了spring Cloud微服務(wù)跨域?qū)崿F(xiàn)步驟,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-11-11webservice實(shí)現(xiàn)springboot項目間接口調(diào)用與對象傳遞示例
本文主要介紹了webservice實(shí)現(xiàn)springboot項目間接口調(diào)用與對象傳遞示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07Spring Security使用單點(diǎn)登錄的權(quán)限功能
本文主要介紹了Spring Security使用單點(diǎn)登錄的權(quán)限功能,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04springboot新建項目jdk只有17/21,無法選中1.8解決辦法
最近博主也有創(chuàng)建springboot項目,發(fā)現(xiàn)了IntelliJ IDEA在通過Spring Initilizer初始化項目的時候已經(jīng)沒有java8版本的選項了,這里給大家總結(jié)下,這篇文章主要給大家介紹了springboot新建項目jdk只有17/21,無法選中1.8的解決辦法,需要的朋友可以參考下2023-12-12springboot?vue測試前端項目管理列表分頁功能實(shí)現(xiàn)
這篇文章主要為大家介紹了springboot?vue測試前端項目列表分頁功能實(shí)現(xiàn),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-05-05Mybatis中強(qiáng)大的resultMap功能介紹
這篇文章主要給大家介紹了關(guān)于Mybatis中強(qiáng)大的resultMap功能的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用Mybatis具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06