Fix visualization of large images on angular

[CGarces]

Big images not are loaded after click on it on chrome 91.0.4472.124 or Microsoft Edge 91.0.864.67 under windows 10. Works fine on Firefox.

The error can be reproduced with this project.
https://github.com/CGarces/testimgJHipster
Fails with the bigger image at fake data, the others works fine.
https://github.com/CGarces/testimgJHipster/tree/main/src/main/resources/config/liquibase/fake-data/blob
And can be fixed with this patch
https://github.com/CGarces/testimgJHipster/compare/fix_img?expand=1

The error only happens if is loaded by the openFile function.

The proposed solution just works for me on angular, I haven't test the issue on other web frameworks. I don't know why the iframe is needed, please give me some background about that to improve the PR.

---

Please make sure the below checklist is followed for Pull Requests.

• All continuous integration tests are green
• Tests are added where necessary
• The JDL part is updated if necessary
• jhipster-online is updated if necessary
• Documentation is added/updated where necessary
• Coding Rules & Commit Guidelines as per our CONTRIBUTING.md document are followed

When you are still working on the PR, consider converting it to Draft (bellow reviewers) and adding skip-ci label, you can still see CI build result at your branch.

[mshima]

Your solution is for images only. iFrame was added at 6da973f
Back in the time it seems to work with pdf, not sure now.

[CGarces]

Thanks @mshima for you feedback.
I have changed the patch to modify the behaviour only on images.

If the solution is good enough, I can do the same for all front-ends.

[CGarces]

I think that I have found the correct way, reusing the existing base64 to blob code.

      const fileURL = window.URL.createObjectURL(blob);
      const win = window.open();
      win!.location.href = fileURL; 

Tested on video, images and pdf.

[mshima]

The solution looks ok to me.

[CGarces]

Thanks @mshima for the review.
I have fixed the Jest tests but i'm not sure if is the correct way.
Should I modify also the other frameworks?

[mshima]

Just for reference, IFAIK current implementation blocks the ui, there is a new async api for converting base64.
https://stackoverflow.com/a/36183085