關於img標籤的src的絕對路徑問題

2021-08-02 14:05:00 字數 556 閱讀 5265

最近做在做上傳本地預覽,就想著,其實直接獲取到file.value,取得位址,不就能在本地看到了嘛,為什麼網上還那麼麻煩,搞那麼多花樣來讀取什麼滴。  

所以,做了做測試,查了查資料,分析分析:

在本地檢視頁面,如下,這種訪問路徑:file:///e:/myweb1/testie.html

html頁面中路徑寫為如下,則能夠顯示。

src="e:\myweb1\before.png"

alt="">

但是,當把頁面放在同樣路徑的伺服器上顯示,上面的img就會圖裂。如果是在c:\moumou\before.png,那更訪問不到。

寫成相對路徑,則兩種方式的訪問都ok.

src="before.png"

alt="">

如果頁面html檔案是放在本地的,比如用瀏覽器開啟桌面上的html檔案,是可以訪問本地檔案的。但也不能訪問所在根目錄以外的資料夾下的。否則會報錯:

「not allowed to load local resource」。

FF下img的src值為絕對路徑時

自己練習時,本地html中,在ff下,為src賦值絕對路徑,如下 頁面中不顯示影象,控制台顯示無法載入該影象,但是在ie和chrome下都能正常顯示。且將路徑改為e exercise 1.jpg,也是同樣的情況。將絕對路徑改為 file e exercise 1.jpg或者 e exercise 1...

img標籤的src為空的缺陷

在img 物件的src 屬性是空字串 的時候,瀏覽器認為這是乙個預設值,值的內容為當前網頁的路徑。瀏覽器會用當前路徑進行再一次載入,並把其內容作為影象的二進位制內容並試圖顯示。對於不同的瀏覽器測試後,發現對於有無src 或者src 是否為空的情況,還不盡相同,測試結果如下表。firefox ie6 ...

關於img標籤src找路徑找不到問題

alert 不存在 else alert 存在 2 檢視找的到嘛 function checkimgexists imgurl else 3 用onerror替換不存在的 這邊再普及一下路徑問題 當前目錄 images png 如何表示上級目錄 images png 表示原始檔所在目錄的上一級目錄,...