Javascript 将图像指定给对象会给出解释性警告

我已经在我的对象中创建了一个图像，所以我可以将其绘制到画布上。。。我是这样做的：

item[id].img = new Image();
item[id].img.src = './image_folder/'+data[i][j].image;

然后我的画布画在这条线上：

canvas[2].ctx.drawImage(item[theID].imge, px, py);

它工作正常，但在Chrome控制台上显示：

Resource interpreted as Image but transferred with MIME type text/html

---

我很好奇这到底意味着什么，以及如何纠正它？

当您从服务器请求内容时，服务器会发送带有所发送内容的“标题”

这就是浏览器如何使用视频或音乐，或者知道如何使用JS或CSS

现代浏览器在处理这些事情上非常智能，但是如果你尝试将.mp3发送到一个不知道如何使用.mp3的浏览器，它可能会尝试将文件作为文本加载，你会得到很多有趣的字符

MIME类型通常可以避免这种情况。如果您要求下载.mp3，服务器可能会发送一个类似“内容类型：音频/mpeg编解码器=mp3”的标题。
相比之下，一个普通网页将作为“内容类型：text/html”发送，而.png图像将作为“内容类型：image/png”发送

如果您在使用WAMP安装程序或EasyHP等安装的测试服务器上玩，您的服务器可能不知道如何使用“image/png”MIME类型提供

.png

文件

智能浏览器将读取文件的内容，并尝试找出它们应该是什么，如果为文件指定了错误的MIME类型（这就是为什么图像首先工作的原因）

这个特定的错误可能不会伤害任何人（因为无法识别您是否有.png文件的浏览器可能是没有

的浏览器）。
但要在其他情况下修复它（如

.ogg

文件用于

和

支持，这一点很重要），您应该了解您正在运行的服务器类型（我的钱在Apache上），并了解如何添加mime类型和文件类型声明

你可以通过谷歌搜索找到，比如“向apache添加mime类型”

---

如果这是一个在internet上运行的服务器，并且您需要为托管付费，那么您需要通过托管站点设置它。

图像不存在，您将获得404页面（如果您说它正在工作，则可能不是这样）。否则，服务器没有为图像文件使用正确的mime类型。不过，你可以忽略它。mime类型是什么意思？这与图像文件的属性有关吗？可能与