本地圖像顯示在IE中，但不是Firefox？

Question

我有以下行來顯示圖像：

$output .= '<div><img src="C:/backup/images/000001_full.jpg"></div>'; 

（$輸出然後放入一個HTML文件作爲本地備份）。當我用IE查看頁面時，圖像顯示正常，但沒有Firefox。 任何想法爲什麼？

感謝，

戴夫

Answer 1

我想你想：

$output .= '<div><img src="file://c:/backup/images/000001_full.jpg"></div>';

Answer 2

也許是因爲你的src不是urlfor火狐有效。
您是否試過file://c:/backup/images/000001_full.jpg？

Answer 3

您需要關閉您的img標籤。所以，

$output .= '<div><img src="C:/backup/images/000001_full.jpg" /></div>'; 

IE喜歡播放它與HTML規範鬆散，但Firefox更注重標準。

Answer 4

爲什麼使用到文件系統位置的鏈接？ 圖片應該是網站的一部分，應該鏈接到相關網址，例如\ images \ 000001_full.jpg。

Answer 5

使用相對路徑。我也不確定，但有點像$output .= '<div><img src="../images/000001_full.jpg"/></div>'

Answer 6

我轉載了這個問題。圖像顯示在IE（和Chrome）中，但不在Firefox中顯示。原因是因爲本地文件無法直接訪問。前綴src標籤與file:///，它會工作得很好，如：

$output .= '<div><img src="file:///C:/backup/images/000001_full.jpg"></div>'; 

Answer 7

它不是直線前進的Chrome和Firefox。 由於安全原因，現代瀏覽器不允許您顯示來自文件系統的圖像。

步驟：您的輸入類型文件中定義 1組可變

HTML : <input type="file" id="image-input"/> 
var fileInput = document.getElementById('image-input'); 

獲取臨時文件的URI：

變種URI = window.URL .createObjectURL（fileInput.files [0]）; 將此Uri傳遞給Javascript的圖像src。問題解決了。

請點擊此鏈接求助： http://www.philliphaydon.com/2014/04/loading-an-image-or-video-from-a-file-input-control/