-1
A
回答
2
img
element的src
屬性需要絕對或相對URL來支持有效的圖像文件。 URL syntax定義了在#
之後的任何內容作爲片段標識符。
因此,在你的例子僅uploads/
被認爲是文件路徑,而#hje-bubble-wrap-factory.jpeg
段被解析爲一個片段標識符。
片段是一個HTML或XML文檔內的指定部分,這樣一個瀏覽器將嘗試解析URL路徑(uploads/
)和然後找到文件中的片段(#hje-bubble-wrap-factory.jpeg
)。但是,由於在uploads/
處沒有文件,所以HTTP響應可能來自服務器的HTML(或根本沒有任何文件),它不能顯示爲圖像;)
如果您的文件名實際上包含#
,您可以對其進行編碼,但不建議將特殊字符用於文件名。
請注意,片段標識符在src
屬性內完全有效。您可以使用該技巧來處理各種fun things with SVGs。
1
其中#(散列)字符等字符需要特殊的編碼才能被認爲是安全的。 img
html元素要求src
屬性url對其工作是安全的,因此也是錯誤。
這通常通過URL編碼來解決,URL編碼用「%」替換不安全的ASCII字符後跟兩個十六進制數字。
<img alt="" src="uploads/%23hje-bubble-wrap-factory.jpeg">
我希望這有助於。
相關問題
- 1. Socket.IO接受不存在的src標籤?
- 2. 爲什麼把javascript:''as iframe src?
- 3. W3C驗證 - 爲什麼<header>標籤不被接受?
- 4. 爲什麼我的圖片標籤不工作?
- 5. 標題標籤中的可接受標籤是什麼?
- 6. 爲什麼圖像標籤中的屬性imageurl不能接受絕對路徑?
- 7. 視頻標籤src不接受php擴展?
- 8. 圖片鏈接標籤
- 9. 標籤不接受AnchorLayout
- 10. ng-src是否也將src屬性添加到圖片標籤?
- 11. 爲什麼刀片製作頭標籤?
- 12. 爲什麼img標籤不顯示我從數據庫讀取src的圖像?
- 13. 爲什麼css不適用於span標籤和背景圖片不顯示?
- 14. 爲什麼HTML SCRIPT標籤不受同源策略
- 15. 圖片標籤
- 16. 爲什麼我在FireFox中使用img標籤看不到這個圖片?
- 17. 爲什麼#each標記不接受數組?
- 18. 圖片標籤
- 19. Linux爲什麼不接受()返回EINTR?
- 20. 爲什麼javac不接受`x = x +++++ y`?
- 21. fread爲什麼不接受skip命令?
- 22. angularjs攔截:爲什麼不接受
- 23. 爲什麼registerOutParameter不接受OracleTypes.VARCHAR?
- 24. 爲什麼SQL Developer不接受JDK?
- 25. 爲什麼Facebook不接受我的UIImage?
- 26. 爲什麼Stream.flatMap不能接受集合?
- 27. 爲什麼std :: next不接受InputIterator?
- 28. 爲什麼OPENQUERY不接受變量?
- 29. 爲什麼Safari不接受GZIP壓縮?
- 30. 爲什麼不(成{} X)接受
它是特殊字符,所以HTML不接受它在屬性 –
嗨woninana,這個問題是缺少一些我們通常尋找的細節,可能不被視爲高質量的社區。如果沒有詳細信息,例如您在哪裏查找信息或獲得了哪些具體錯誤,那麼您可能會拒絕投票,問題可能會被關閉:/ – justin