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

Question

我很好奇<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编码），我想知道浏览器如何知道它获得了什么样的数据字符串？

由于

Answer 1

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

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

Wikipedia或W3C

的更多详情

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

Answer 2

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