Q&A
質問者さん、無言ですが、回答が複数出ているのでそれらに対するフィードバックを書きましょう。役に立った/立たなかったぐらいはすぐ返せるはず。役に立たなかったなら、どこがダメだったかを書くと、より質問者さんが期待する答えに近いものが出てくるかも。とにかく無言で放置は NG です。
test.png 本来のファイルネーム
test.jpg 拡張子偽装
中身が画像のバイナリデータであれば拡張子偽装した<img src="test.jpg">で画像が表示できるのであれば
<img src="test.html">では表示できないのはなぜでしょうか
imgタグはフォーマット形式が画像ではないと読み込まない仕様という理由で合ってますか
回答3件
0
ベストアンサー
質問者さんが Web サーバーとブラウザに何を使っているのか分かりませんが、Windows 10 の IIS 10、ブラウザが IE11, Edge, Chrome, Firefox, Opera なら、以下の html ソースで、
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> </title></head> <body> ・・・中略・・・ <div> <img alt="" src="/images/orange.png" /> <img alt="" src="/images/orange.html" /> </div> ・・・中略・・・ </body> </html>
<img alt="" src="/images/orange.html" /> に対しては以下の応答が返ってきて（Fiddler の画像）、
orange.png も orange.html も以下のように表示されます。
上の画像は Chrome のものですが、IE11, Edge, Firefox, Opera いずれも同様です。
ファイルの種類は、IIS 10 はファイルの拡張子の通りと判断するようで、応答ヘッダの Content-Type は、
Content-Type: text/html; charset=utf-8
となってます（上の Fiddler の画像を見てください）。ちなみに orange.png の場合は以下のようになります。
Content-Type: image/png
ということで、IE11, Edge, Chrome, Firefox, Opera いずれも応答ヘッダの Content-Type に関わらず画像として処理するようです。
投稿2021/09/28 01:11
退会済みユーザー
総合スコア0
0
<img src="test.html">では表示できない
test.pngの拡張子を.htmlに変えてimgで表示できないという意味でしょうか？
大抵のブラウザなら表示できると思います
投稿2021/09/28 00:16
総合スコア116724
できますね（念の為動作確認済み）
元がgifとかでも関係なく。
あなたの回答
tips
プレビュー
