html – 动态img(或视频)标签根本不加载资源,HTTP请求是“待定”

概述我尝试使用img或视频 HTML标记在我的Web应用程序上加载的资源存在一些问题. 我使用angular for my app并使用ng-src =“{{src}}”指令动态设置img标签的src参数. 没有那么多的图像和资源要加载(在我正在测试的模型上,它加载了大约30个图像或视频),但似乎浏览器(在Windows和OSX上的Chrome和Firefox上测试)无法处理正确地说,许多并行请求和请 我尝试使用img或视频 HTML标记在我的Web应用程序上加载的资源存在一些问题.

我使用angular for my app并使用ng-src =“{{src}}”指令动态设置img标签的src参数.
没有那么多的图像和资源要加载(在我正在测试的模型上,它加载了大约30个图像或视频),但似乎浏览器(在Windows和OSX上的Chrome和firefox上测试)无法处理正确地说,许多并行请求和请求在Chrome上显示为“待处理”,并且在firefox上没有显示任何状态.

目前我拍摄了这些截图,他们没有其他请求在运行.我一直有这个问题,但是每次刷新页面时,正确请求和待处理请求的数量几乎都会发生变化.

资源URI当然是正确的,我可以在另一个选项卡中打开图片没有问题.

如果它可能具有任何相关性,即使看起来甚至没有从浏览器发送请求,也会从Azure blob存储加载资源,并正确设置CORS选项.

当我在本地测试我的应用程序(使用localhost作为主机名)以及在Web服务器上托管时,问题就会发生.

你知道为什么会出现这个问题以及如何解决这个问题吗？

谢谢 ！

解决方法 我终于找到了导致问题的原因！

我有几个视频加载了带有preload =“Metadata”属性的视频标签.它导致许多连接启动,并且即使预加载完成,它似乎也阻止了对其他资源的请求的发送.我认为这是一个浏览器错误,它不应该是理想的行为.

对于视频标签上的preload =“none”,我没有这样的问题.

总结

以上是内存溢出为你收集整理的html – 动态img(或视频)标签根本不加载资源,HTTP请求是“待定”全部内容，希望文章能够帮你解决html – 动态img(或视频)标签根本不加载资源,HTTP请求是“待定”所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。