资源解释为图像,但使用MIME类型text/html传输-角度
在我的angular应用程序中,我使用了一个上载字段,并在文件字段下方显示上载图像的缩略图。上传图像并显示缩略图,但有时缩略图未显示,此时我将此错误资源解释为图像,但使用MIME类型text/html传输-角度,html,angularjs,mime-types,meta-tags,Html,Angularjs,Mime Types,Meta Tags,在我的angular应用程序中,我使用了一个上载字段,并在文件字段下方显示上载图像的缩略图。上传图像并显示缩略图,但有时缩略图未显示,此时我将此错误资源解释为图像,但使用MIME类型text/html传输 但同一个图像有时可能有效,有时可能无效。这是.httaccess的问题吗 RewriteEngine On RewriteBase /foldername/ RewriteCond %{REQUEST_URI} !^(/index\.php|/img|/js|/css|/r
资源解释为图像,但使用MIME类型text/html传输
但同一个图像有时可能有效,有时可能无效。这是.httaccess
的问题吗
RewriteEngine On
RewriteBase /foldername/
RewriteCond %{REQUEST_URI} !^(/index\.php|/img|/js|/css|/robots\.txt|/favicon\.ico)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . index.html [L]
事实是:
…但有时缩略图未显示,当时我将此错误资源解释为图像,但使用MIME类型text/html传输
应该在这里回答:
(引用符合上述情况的答案)
如果图像路径设置不正确,很可能会发生这种情况。例如相对于当前目录“images/myimage.gif”与相对于web根目录“/images/myimage.gif”的比较
对“text/html”的引用可能表明服务器返回了一个错误。
正如charlietfl指出的,这取决于url何时准备就绪。在angular中,它可能比DOM触摸/执行的晚一点。因此,要使其正常运行-等待url准备就绪-将其更改为ng src
如果您对图像url使用任何角度表达式,请对图像使用ng src
否则,浏览器将看到时髦的URL,如:
<img src="{{image.url}}">
在浏览器控制台的“网络”选项卡中查看返回的内容,包括标题。在响应标题中,我得到了内容类型:text/htmlb但返回的内容是什么?什么是地位?我猜是一个404页面或者类似的东西正在加载项目的背景,然后浏览器挂断..这种情况也发生在我身上。我很好奇你是否能找到解决这个问题的办法。我尝试过几种方法,比如设置新的内容类型标题,将div标记切换到一个对象,并在那里设置内容类型,但仍然得到text/html。在localhost中工作正常,但在部署时则不行。src中提供的路径类似于“”,我想说,我们这里的问题是-1)映像路径正确(良好)2),但正如我的回答所说:服务器提供了错误的路径。这怎么可能发生?图像的url稍后设置。。。e、 一旦$http加载了它。或者某个model.imagull已解决。这就是我们可以使用角度特征ng src。。。希望有帮助;)但对于失败的图像,即使我在浏览器中打开图像,也不会加载图像,而只是显示网站的背景图像。
<img ng-src="{{image.url}}"> <!-- browser sees no "src" yet therefore doesn't make a request -->