<img>标签加载图片资源时显示“Failed to load resource: net::ERR_UNKNOWN_URL_SCHEME”错误，这个问题小编以前从来都没有注意到这个小细节，因为如果你如下这样将图片放置在img标签中，浏览器会自动给你加入“http://主机+端口”这样的前缀。

<img src="upload/cat.jpg">

浏览器会自动渲染成以下这样，当浏览器正常渲染成以下这样，图片就能正常加载出来：

<img src="http://localhost:8080/upload/cat.jpg">

而如果你将src的地址不小心写成这样了，少了“http://主机+端口”，浏览器就不知道怎么加了，你的图片加载时就会出错，如下这样是错误的：

<img src="localhost:8080/upload/cat.jpg">

图片加载报错，如下所示：

并且会报Failed to load resource: net::ERR_UNKNOWN_URL_SCHEME这样的错误，因此我们必须要在img标签的src属性上加入“http://”这样的标志。