How can you modify the function of the download button?

[afroCoderHanane]

I am trying to send the image asset to an API when the download is triggered, does anyone have an idea on how to accomplish that.

[b-yp]

I am trying to send the image asset to an API when the download is triggered, does anyone have an idea on how to accomplish that.

+1

[faizux]

I am trying to send the image asset to an API when the download is triggered, does anyone have an idea on how to accomplish that.

Give this a try: Use the toDataURL() method on the instance to retrieve the Base64 representation of the image/canvas. I experimented with something similar in a React component, and it was successful.

const instance = new ImageEditor(document.querySelector('#tui-image-editor'), {
includeUI: {
...,
theme: {
'menu.normalIcon.color': '#8a8a8a',
'menu.activeIcon.color': '#555555',
'menu.disabledIcon.color': '#434343',
'menu.hoverIcon.color': '#e9e9e9',
'submenu.normalIcon.color': '#8a8a8a',
'submenu.activeIcon.color': '#e9e9e9',
},
...
}
});

const dataURL = instance.toDataURL();
console.log(dataURL)