html引用圖片資源無法顯示的問題
阿新 • • 發佈：2019-01-16
頭疼，頭都大了，寫了個很簡單的html網頁，匯入了一個圖片資源，卻怎麼都不顯示，查了書和網頁，發現沒錯啊，怎麼就不顯示呢？尼瑪，尼瑪這些大牛寫的時候倒是寫清楚點啊，寫的那麼模糊就還不如別寫呢。看我給菜鳥們帶來點福利，一定教會你們。
環境：eclipse 動態頁面專案 tomcat8
一、釋出出去的專案部認識絕對路徑。
如題，所以如果你引用的是絕對路徑來顯示圖片是不能顯示出圖片的，所以大家別掙扎了，必須使用相對路徑。
如上程式碼，img的引用是一個絕對路徑，但是無法顯示圖片。<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>登入</title> </head> <body > <img src="C:/Users/lenovo/Desktop/webstudy/test.jpg"> </body> </html>
二、引用相對路徑。
先說下這個相對路徑是什麼東西。相對路徑指的是相對於webcontent的路徑，而非你些的程式碼的檔案的路徑。什麼意思呢？
如果你的程式碼寫的是這樣，而且你這個程式碼的頁面放在專案的webconten/webstudy下面，那你的圖片應該存在哪裡呢？
<img src="test.jpg">三、釋出專案
很可能你的專案什麼都對了，但是新改動了的專案沒有被髮布，這個時候記得點選servers->右鍵點選伺服器->clean，然後再重新start釋出你的專案。
四、確保已經真的釋出了
開啟這個檔案：workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps\你的專案名稱，在這個檔案下應該有你釋出的圖片，才說明你真的以及釋出成功了。比如我的專案名稱叫myStruts2，所以在這workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps\myStruts2，由於我是吧圖片直接放在webcontent的，所以在這個目錄下有我放的圖片