Tengo la siguiente entrada:
<input type="file" asp-for="ScreenShotImage" id="offer-client-image"/>La aplicación está haciendo una imagen de captura de pantalla de la calculadora div, y quiero configurar esa imagen en la entrada id="offer-client-image". Cuando el usuario envíe el formulario, la imagen también se cargará.
Intenté así, pero no funciona:
document.getElementById("offer-client-image").file = document.getElementById('canvas').toDataURL()¡Cualquier ayuda es apreciada!
No creo que usar una entrada de archivo real sea relevante porque el usuario no tiene que elegir nada.
Tal vez podrías manejar esto así:
const form = document.getElementById("the_form") const cvs = document.getElementById("the_canvas") form.onsubmit = function(e) { e.preventDefault() const data = new FormData(form) cvs.toBlob(img_blob => { data.append("img_file", img_blob) // send your form fetch("https://example.com/post_url", { method: "POST", body: data }); }) } <form id="the_form"> <input type="submit" /> </form> <canvas id="the_canvas"></canvas>