I'm having problems with resources that I am trying to download in my web application using imgor tags video.
I use angular for my application and dynamically set the srctag parameter imgusing the directive ng-src="{{ src }}". There are not many images and resources to download (on the model I am testing, it downloads about 30 images or videos), but it seems that browsers (tested on Chrome and Firefox on Windows and OSX) do not handle correctly, that many concurrent requests and requests are displayed as “pending” in Chrome and do not display any status in Firefox.
At the moment, I took these screenshots, but there were no other requests. I have this problem all the time, but the number of correct requests and pending requests changes almost every time I refresh the page.
The resource URIs, of course, are correct, and I can easily open photos on another tab.
If this can be of any significance, even if it does not look like the request was even sent from the browser, resources are downloaded from the Azure firewall repository, and the CORS options are set correctly.
The problem occurs when I test my application locally (with localhost as the hostname) and when it is hosted on a web server.
Do you have any ideas on why this problem occurs and how I can fix it?
Thank!