как отправить изображение как часть формы после преобразования из холста

Question

Предположим, я преобразую холст в изображение, используя .todataURL, а затем хочу отправить это изображение как часть моей формы.

Как я могу это сделать?

var url = document.querySelector('canvas').toDataURL();

Как можно использовать URL для отправки этого изображения как части моей формы?

Answer 1

Вы можете добавить скрытое поле в форму, используя JavaScript, а затем отправить

var canvas = document.getElementById('canvas');
var dataURL = canvas.toDataURL();

var input = document.createElement("input");

input.setAttribute("type", "hidden");

input.setAttribute("name", "name_you_want");

input.setAttribute("value", dataURL); 

//append to form element that you want .
document.getElementById("Form").appendChild(input);
console.log(dataURL);

<canvas id="canvas" width="5" height="5"></canvas>