HTML изображение - mime-type

Я искал типы 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>

источник

2016-10-22 Herrsocke

Что вы не получите? Возможно, менее ясным для вас, чем ваши читатели, является тот факт, что вы не задали вопрос. Явный вопрос гораздо лучше, чем подразумеваемый. ;) – enhzflep

Вы имеете в виду, что он работает? мой вопрос был, работает ли он так, как я показал во втором примере. я имею в виду с аналогичным синтаксисом – Herrsocke

Ahh - я неправильно прочитал предложение (этого не хватает? -Я отредактирую его) между двумя фрагментами кода, извините за это. Нет, это не работает. (0) mime-тип html-документа не может быть юридически «image/png» и (1) строка dataURL должна включать тип mime. Итак, синтаксис 2-го не близок, и вы почти прибивали его - это просто неправильно, к сожалению. По сути, в моем понимании любой dataURL можно скопировать и вставить в адресную строку браузера. Строка base64 в вашем первом примере удовлетворяет этим критериям, второй - нет. – enhzflep

No.

<meta http-equiv="content-type" content="image/png;"> описывает (плохо) тип содержимого для HTML документа.

src="iVBORw0KG etc etcОтносительный URL-адрес, который будет получен по любой схеме (обычно HTTP), используется для извлечения HTML-документа.

Если вы хотите переключить схемы (что вам нужно сделать для U12 data:), вам нужен абсолютный URI.

(Это упрощает немного. Относительные URI Scheme существуют, но не помогают с вашей проблемой.)

источник

2016-10-23 10:25:37 Quentin

большое спасибо! Но каково фактическое использование тега контента в голове? – Herrsocke

например, когда будет использоваться «image/png»? – Herrsocke

@Herrsocke - Как ужасный, ужасный способ указать кодировку символов с использованием параметров. 'image/png' будет просто ошибка. – Quentin

HTML изображение - mime-type

ответ

Смежные вопросы