Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
资源解释为图像,但使用MIME类型text/html传输-角度_Html_Angularjs_Mime Types_Meta Tags - Fatal编程技术网

资源解释为图像,但使用MIME类型text/html传输-角度

资源解释为图像,但使用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

在我的angular应用程序中,我使用了一个上载字段,并在文件字段下方显示上载图像的缩略图。上传图像并显示缩略图,但有时缩略图未显示,此时我将此错误
资源解释为图像,但使用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 -->