Photos being uploaded incorrectly

Question

We are using Html, AngularJs 1.6.X, Dropzone.JS 4.3, Load Image and Azure Blob Storage.

On the client-side images are:

• Rotated according to their EXIF information
• Resized with a max size of 1280 x 960
• Uploaded to Azure Blob Storage

There are occasions where images are being uploaded zoomed-in to the top left corner.

Any ideas on how to diagnose and fix the issue?

Thanks in advance.

Answer 1

After some attempts I was able to pinpoint the issue to the scaling method of Load-Image.js.

I am not sure of what is causing the issue but replacing the library by another, a custom version of Image-Uploader, fixed the issue.

Hope this helps someone else.