在使用html加載圖片時,發現本地圖片在頁面上不能顯示,但是直接引用網絡上的資源是可以顯示的。參考了眾多前人的經驗,得出一下結論:
本地圖片不能顯示最主要的問題是,圖片在本地url和圖片在服務器上被加載是的url是不一樣的。也就是路徑的問題。
解決的辦法其實很簡單,只要寫一個配置文件,也就是圖片位置的轉化器,原理是虛擬一個在服務器上的文件夾,與本地圖片的位置進行匹配。
在調用本地圖片時,就相當于調用服務器上的圖片。
關鍵的代碼如下:
1
2
3
4
5
6
7
8
9
10
11
12
|
@configuration public class mywebappconfiguration extends webmvcconfigureradapter { @override public void addresourcehandlers(resourcehandlerregistry registry) { /** * @description: 對文件的路徑進行配置,創建一個虛擬路徑/path/** ,即只要在<img src="/path/picname.jpg" />便可以直接引用圖片 *這是圖片的物理路徑 "file:/+本地圖片的地址" * @date: create in 14:08 2017/12/20 */ registry.addresourcehandler( "/path/**" ).addresourcelocations( "file:/e:/webpackage/ideaprojects/shirolearn/src/main/resources/static/" ); super .addresourcehandlers(registry); } } |
下面看下spring boot html中無法讀取本地圖片問題
需要設置spring boot的靜態資源路徑,具體為在application.properties中添加:
spring.resources.static-locations='靜態資源路徑'
如以下配置指定了類路徑作為靜態資源路徑:
1
|
spring.resources. static -locations=classpath:/ |
如果我的圖片qiaoba.jpeg放在了src/main/resoruces/images
下,那么我可以在html中如此引用圖片:
1
|
<img alt= "qiaoba" src= "images/qiaoba.jpeg" > |
總結
以上所述是小編給大家介紹的spring boot 本地圖片不能加載(圖片路徑)的問題及解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對服務器之家網站的支持!
原文鏈接:https://blog.csdn.net/east123321/article/details/78878612