2016-10-22 4 views
0

MIMEタイプを調べていて、まだ分かりません。HTML画像 - mime-type

ページ本体にBase64イメージを表示したいとします。

私は、この例では、作品を知っている:私は疑問に思って

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAAD 
NCAMAAAAsYgRbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5c 
cllPAAAABJQTFRF3NSmzMewPxIG//ncJEJsldTou1jHgAAAARBJREFUeNrs2EEK 
gCAQBVDLuv+V20dENbMY831wKz4Y/VHb/5RGQ0NDQ0NDQ0NDQ0NDQ0NDQ 
0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0PzMWtyaGhoaGhoaGhoaGhoaGhoxtb0QGho 
aGhoaGhoaGhoaGhoaMbRLEvv50VTQ9OTQ5OpyZ01GpM2g0bfmDQaL7S+ofFC6x 
v3ZpxJiywakzbvd9r3RWPS9I2+MWk0+kbf0Hih9Y17U0nTHibrDDQ0NDQ0NDQ0 
NDQ0NDQ0NTXbRSL/AK72o6GhoaGhoRlL8951vwsNDQ0NDQ1NDc0WyHtDTEhD 
Q0NDQ0NTS5MdGhoaGhoaGhoaGhoaGhoaGhoaGhoaGposzSHAAErMwwQ2HwRQ 
AAAAAElFTkSuQmCC" alt="beastie.png"> 

、私もこのようなもので、それを達成することができますか?

<head> 
<meta http-equiv="content-type" content="image/png;"> 
</head> 
<body> 
<img src="iVBORw0KGgoAAAANSUhEUgAAAM0AAAD 
NCAMAAAAsYgRbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5c 
cllPAAAABJQTFRF3NSmzMewPxIG//ncJEJsldTou1jHgAAAARBJREFUeNrs2EEK 
gCAQBVDLuv+V20dENbMY831wKz4Y/VHb/5RGQ0NDQ0NDQ0NDQ0NDQ0NDQ 
0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0PzMWtyaGhoaGhoaGhoaGhoaGhoxtb0QGho 
aGhoaGhoaGhoaGhoaMbRLEvv50VTQ9OTQ5OpyZ01GpM2g0bfmDQaL7S+ofFC6x 
v3ZpxJiywakzbvd9r3RWPS9I2+MWk0+kbf0Hih9Y17U0nTHibrDDQ0NDQ0NDQ0 
NDQ0NDQ0NTXbRSL/AK72o6GhoaGhoRlL8951vwsNDQ0NDQ1NDc0WyHtDTEhD 
Q0NDQ0NTS5MdGhoaGhoaGhoaGhoaGhoaGhoaGhoaGposzSHAAErMwwQ2HwRQ 
AAAAAElFTkSuQmCC" alt="beastie.png"> </body> 
+0

あなたは何を得ることはありませんか?おそらく、あなたの読者よりも、あまり明確ではないことは、あなたが質問していないということです。明示的な質問は暗黙の質問よりはるかに優れています。 ;) – enhzflep

+0

あなたはそれが動作するのですか?私の質問は、私が2番目の例で示したように機能するかどうかということでした。私は同じような構文を意味する – Herrsocke

+1

ああ - 私は2つのコードスニペットの間に文を間違って読んでいます。いいえ - それは動作しません。 (0)htmlドキュメントのmime-typeは合法的に 'image/png'とすることはできません。(1)dataURL文字列にはMIMEタイプを含める必要があります。ですから、第2の構文は近づくことはなく、あなたはそれをほぼ釘付けにしました。残念ながら、間違っています。基本的には、私の理解では、dataURLをコピーしてブラウザのアドレスバーに貼り付けることができます。あなたの最初の例のbase64文字列はこの基準を満たし、2番目の文字列はこの基準を満たしません。 – enhzflep

答えて

1

<meta http-equiv="content-type" content="image/png;">(不完全)HTML文書ためのコンテンツ・タイプを記述する。

src="iVBORw0KG etc etcです。 HTMLドキュメントをフェッチするために使用されたスキーム(通常はHTTP)でフェッチされるURLです。

スキーム(これはdata: URIに対して行う必要があります)を切り替えるには、絶対URIが必要です。

(それは少し簡単になります。スキーム相対URIは存在しますが、あなたの問題には役立ちません。)

+0

ありがとうございます!しかし、頭の中のcontent-typeタグの実際の使用はどうですか? – Herrsocke

+0

例えば "image/png"はいつ使われますか? – Herrsocke

+0

@Herrsocke - パラメータを使用して文字エンコーディングを指定する際の恐ろしい方法です。 'image/png'はエラーになります。 – Quentin