配置虛擬化路徑用于圖片的展示

springboot默認(rèn)可以訪問(wèn)resources下的static文件夾下的靜態(tài)資源，我們一般將圖片指定上傳到static下的某個(gè)文件夾

例如images：

開(kāi)發(fā)階段可以使用，但是當(dāng)項(xiàng)目打成jar包就無(wú)法使用，運(yùn)行會(huì)報(bào)出無(wú)法找到文件路徑。這時(shí)候就需要配置虛擬路徑，用來(lái)指定到硬盤(pán)下的固定地址。

1.首先我們?cè)赼pplication.yml文件

配置文件上傳的路徑，以及訪問(wèn)的地址：

這里我設(shè)置了文件上傳之后統(tǒng)一保存到c盤(pán)下的images文件夾下，訪問(wèn)的地址為:http://localhost:8888/images/xxx.jpg

2.配置虛擬路徑的映射

上面/images/**表示的是服務(wù)器請(qǐng)求圖片的地址 例如：http://localhost:8888/images/xxx.jpg 都會(huì)去映射到本地C:/images/xxx.jpg

注意：我上述代碼里取到配置文件中的rootSavePath，但是并沒(méi)有使用，而是自己寫(xiě)的file:/c:/images,因?yàn)橹苯邮褂迷撟兞繒?huì)報(bào)錯(cuò)，路徑前面必須加file。

配置虛擬路徑訪問(wèn)本地圖片問(wèn)題

關(guān)于springboot+vue,改變服務(wù)器文件夾圖片訪問(wèn)顯示問(wèn)題

問(wèn)題

本人最近用springboot+vue做了個(gè)項(xiàng)目，里面有關(guān)圖片顯示和修改功能。

1.做了虛擬路徑，能訪問(wèn)到文件夾的圖片

2.前端使用element的el-upload上傳圖片，后端用MultipartFile file接收，并替換原來(lái)文件夾的圖片，能成功，本地文   件夾圖片確實(shí)替換成功

3.確定本地圖片改變后，發(fā)現(xiàn)頁(yè)面圖片未改變，刷新也沒(méi)改變

舉個(gè)例子

1.使用虛擬路徑，前端的<img src="http://localhost:8080/img/img1.jpg"> 能訪問(wèn)到本地圖片img1.jpg

2.然后用刪除本地img1.jpg，放入img2.jpg，修改名稱為img1.jpg,其實(shí)意思就是修改了img1圖片但名稱不變。

3.結(jié)果<img src="http://localhost:8080/img/img1.jpg">顯示的還是原來(lái)的img1圖片.刷新頁(yè)面也一樣，只能把圖片路徑單獨(dú)在瀏覽器顯示并刷新才出現(xiàn)更換的圖片。

4.猜測(cè)是瀏覽器的什么機(jī)制引起的。但是這樣效果不太友好，畢竟我想要的是可以修改圖片直接在瀏覽器看到效果，

5.后面還是刪除原圖，用新圖的路徑給img.有人有差不多的問(wèn)題嗎？有更好的解決方法歡迎評(píng)論。

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論