<img/> - 代码如何在Chrome中运行?

时间:2015-05-12 16:42:49

标签: html browser

我很好奇<img> - 标签的工作原理。

我可以将URI设置为src,例如:

<img src="./logo.jpg"/>

我还可以设置API网址,例如:

<img src="https://avatars.githubusercontent.com/u/449?v=3"/>

根据我的理解,<img> - 标签将使用src中指定的url初始化get调用并返回jpeg二进制文件。但是,任何人都可以确认第二个返回binanry字符串或dataurlstring(如base64编码),我想知道浏览器如何知道它获得了什么样的数据字符串?

由于

2 个答案:

答案 0 :(得分:2)

服务器向每个响应发送一个Content-type标头,告诉浏览器预期的内容。

例如,图像可能具有Content-type of image / jpeg。

WikipediaW3C

的更多详情

内容本身可以是二进制的,或以某种方式编码(通常是基础64)。使用的编码也作为标题传递。

答案 1 :(得分:0)

在没有JPG扩展名的头像网址中,他们创建了自定义重写规则,从URL路径中删除了扩展名。