JSFiddle - React, Tailwind, and code Playground

HTML

Automatically downloads, but user has to say it is an image (rename as image.png): <a href="#" id="down1">Start download</a>. Works without a link.
<p>
Only automatically downloads when a link is clicked: <a href="#" id="down2" download="file.png">View</a>. Needs a link to automatically download, user has to ctrl+s otherwise.

JavaScript

$('#down1').click(function()
{
    var url = 'data:application/octet-stream;base64,'+data;
    window.open(url);
});

$('#down2').click(function()
{
    var url = 'data:image/png;base64,'+data;
    window.open(url);
});

var data =...