I have a mysterious problem. I made an Angularjs app on localhost and it works fine so far. I transferred it to a server and not all images get loaded. Some do. There is no difference at all , they are the same type of .jpg images and sit in the same folder. I am reading pro angular from A. Freeman and that's why I use Deployd for the database work. I am not sure if I may give the website address but that's the best way to show you.
http://h2384839.stratoserver.net:5000/test.html
If you click on "Winkelen" (that's Dutch for shopping) you will see the problem. I tried to debug in Chrome's devtools but it really should work. I can't find the reason why it does not work with the images.
I have found your problem. Your problem is the extension. Try JPG instead of jpg and you will see the images will load. Extensions are case sensitive so make sure they are set correctly :)
You could rename all the files to have small ".jpg" extension. You could use the Command prompt directly to rename the files for example :
rename shandy.JPG shandy.jpg