How to download an image in base64?

Question

JavaScript

In react I generate a table that can be downloaded. Those. I render the layout, then using the html2canvas.js plugin I convert the layout into a canvas element, and download the canvas element using canvas2image.js

html2canvas(ReactDOM.findDOMNode(this.refs.scheduleTable), {
    onrendered: function (canvas) {
        //Получаю изображение в base64
        var dataURL = canvas.toDataURL('image/png');


        // Convert and download as image 
        Canvas2Image.saveAsPNG(canvas);

    }
});

1. base64 passed to window.open(dataURL), otherwise the picture opens in a new tab, but you need to download it when you click on the download button
   
2. Tried to write base64 to state inside onrendered, error

   TypeError: this.setState is not a function

   outside writes undefined
   
3. Canvas2Image.saveAsPNG(canvas);saves the picture without extension, although this is the easiest way to save, it would be possible to specify the format.
   

How can I save the image when clicking on the download image button ?

Answer 1

Browser loading always happens if header is set in response
Content-disposition: attachment; filename=fileName