资源解释为图像，但传输与MIMEtypes文本/ HTML – Magento
上传我的Magento商店的新产品图像时出现错误。
Resource interpreted as image but transferred with MIME type text/html 这有什么原因吗？
如果您的图像path设置不正确，可能会发生这种情况。 例如，相对于当前目录“images / myimage.gif”vs相对于web根目录“http://img.dovov.commyimage.gif”。;
对“text / html”的引用可能表明你有一个服务器返回的错误。
我注意到这个问题出现在我的JavaScript控制台日志中。 这是一个简单的CSS文件寻找一个不存在的背景图像和服务器发送一个404错误消息的地方。
一个人需要提供适当的MIMEtypes的图像 –
将这行添加到.htaccess文件（假设它是apache2 httpd）：
AddType image/gif .gif
提示：mod_rewrite可能需要排除图像：
RewriteCond %{REQUEST_URI} !\.(png|gif|jpg)$ RewriteRule ...
…其他一切可能是404。
由于大写 ，我曾经遇到同样的问题。
我的同事们在Mac上工作，并添加了一些骆驼式的文件，但是它显示在CSS中。 这在Mac上正常工作，但我在Linux上工作。 Mac不区分具有不同情况的文件名，但是Linux可以。 大多数服务器都在Linux上运行。
例：
epicimage.jpg !== EpicImage.jpg
感谢Chrome开发工具，这个问题很容易find。 只需点击图像的url显示我的404页面。 神秘解决：D
我基本上检查了StackOverflow的每个类似的问题，试图解决类似的问题。
在所有的尝试改变我的htaccess文件和插入PHP头参数，什么修复它对我来说只是改变大小写的图片的名称。
啊。 （在本地托pipe的同一个浏览器中工作正常，所以我当然不会认为这是最初的问题。）
经过大量的研究，我发现这个问题是由于服务器不知道它是什么types的文件，以及在UTF-8（或类似的东西）之类的编码types之间混淆而导致的。
因此，在.htaccess中，更改注释轮，以便您拥有以下内容，并提供默认的UTF-8字符集。
############################################ ## Prevent character encoding issues from server overrides ## If you still have problems, use the second line instead #AddDefaultCharset Off AddDefaultCharset UTF-8
这停止了正确的错误显示在谷歌（谢谢你谷歌）：“资源解释为图像，但与MIMEtypes文本/ HTML传输”
并使图像显示在其他浏览器（没有显示错误）。
请检查图片的扩展名 ，使用的程序是否使用大写字母或小写字母来标记其扩展名，某些服务器读取的图像是不同的。
我的问题是在CSS中的这一行
background-image: url('');
应该是：
background-image: none;
对我来说，我的path设置不正确，相对于试图从图像中拉出图像的css文件触发了控制台中的错误。
我不得不出去两个目录，然后进入那个有我的形象的那个。在斜线之前把你带出目录。 每个。 带给你一个更多的目录。
恩。 url（../Folder/ImagesFolder/image.gif）
如果您的映像path和区分大小写的文件名设置正确，并且无法修改服务器的.htaccess文件，则将SVG编码为数据URI是前端解决scheme。 css-tricks.com解释如何： http ://css-tricks.com/using-svg/
当我通过img标签包含SVG图像时，发生了这种情况。 如果要通过标记包含SVG图像，则需要切换到Object标记： <object type="image/svg+xml" data="imageFile.svg"> Test SVG Logo </object>
对我来说，这个mimetypes的错误只有在testing每个客户端需求的Safari 4.05时才显示，并且只在控制台中显示。 最终，这是由Safari处理JavaScript样式element.style.backgroundImage="url()"; 笨拙地。 显然，Safari正在寻找那个空的url，所以根据Strixy和stevecomrie的说法，“无”是更好的select。 这与上面提到的问题基本上是相同的问题，作为资源解释为其他附近重复， 但与MIMEtypes文本/ JavaScript传输？ ，其中一个<script src="">是罪魁祸首。
对于magento2用户
如果您已经使用以下方式修改了此文件应用程序/ etc / di.xml
<item name="view_preprocessed" xsi:type="object">Magento\Framework\App\View\Asset\MaterializationStrategy\Copy</item>
确保pathstring是区分大小写（CaseSensitive非Windows操作系统）
如果在magento2安装到Ubuntu后面临404错误。
安装并启用重写模块
a2enmod rewrite
然后编辑
/etc/apache2/sites-available/000-default.conf
在结尾处添加以下行
<Directory "/var/www/html"> AllowOverride All </Directory>
也许图像没有读取权限
我也有这个问题，当我使用TinyPNG压缩图像，我得到这个错误消息“资源解释为图像，但与MIMEtypes文本/ HTML传输”。 然后我添加图片权限，它的作品。
图像发送错误的标题，通过.htaccess添加标题图像types
