在使用html加載圖片時,發現本地圖片在頁面上不能顯示,但是直接引用網絡上的資源是可以顯示的。參考了眾多前人的經驗,得出一下結論:
本地圖片不能顯示最主要的問題是,圖片在本地url和圖片在服務器上被加載是的URL是不一樣的。也就是路徑的問題。
解決的辦法其實很簡單,只要寫一個配置文件,也就是圖片位置的轉化器,原理是虛擬一個在服務器上的文件夾,與本地圖片的位置進行匹配。
在調用本地圖片時,就相當於調用服務器上的圖片。
關鍵的代碼如下:
@Configurationpublic 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='静态资源路径'
如以下配置指定了類路徑作為靜態資源路徑:
spring.resources.static-locations=classpath:/
如果我的圖片qiaoba.jpeg放在了src/main/resoruces/images下,那麼我可以在html中如此引用圖片:
<img src="images/qiaoba.jpeg">
總結
以上所述是小編給大家介紹的spring boot 本地圖片不能加載(圖片路徑)的問題及解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!