How to send generated image to server without downloading it in react js?

[ali-mozaffari]

here in the wrote the below code for this purpose, but here it download the image and I want to send it to the server?

export const createPDF = async farmId => { const canvas = await html2canvas(document.getElementById('utmPagePdf')); const dataURL = canvas.toDataURL('image/png'); downloadjs(dataURL, 'download.png', 'image/png');

const data = new FormData(); data.append('farm_guid', farmId); data.append('file', '???');

AddUtmReport(data); };

Please guide me to solve this issue.

[lemanschik]

Note for you additional you can fetch('data:image/png..................')

then use what you read in the link posted below next to see.

cheers

see: https://github.com/rndme/download/pull/117/files

Closed by:

• 117

• 118

[rndme]

You can use canvas.toBlob() instead of dataURL, then you can use the Blob as a File. This means you won't really need download.js to append the file to your FormData.