Uploading an image from angular app is not working

Question

I deployed a web API service app and an angular ui service app. I'm trying to upload files from the ui to a blob storage in azure. when running from visual studio it works. The web api runs in one instance pointing to the azure storage account and the angular ui runs in another instance of vs. When uploading an image which is one of the functions of the application, it works. After I deploy to azure, and open the app hosted in azure that points to the web api hosted in azure also, and try to upload an image, it does not work. The image container in azure remains empty.

Answer 1

The fact that it was working with the same behavior with Postman told me that the problem was not in the angular ui. So, after testing couple of scenarios with postman, my conclusion was that the problem was in the communication between the image container and the app service in azure. What I tried first, I added all the outbound IP addresses to the storage account firewall and that made possible the communication and therefore, the upload of the image file.