Tengo un formulario simple que le permite pegar una imagen. La imagen se previsualiza mediante JavaScript.
En el fragmento, el área de pegado es un área de textarea con fines de prueba.
Después de pegar la imagen, aún no está en los datos del formulario. ¿Hay alguna manera de hacer esto para que la imagen se pueda cargar al enviar?
var previews = document.querySelector('div#previews'); var form = document.querySelector('form#data'); form.elements['stuff'].onpaste = function (event) { files = event.clipboardData.files; var img = document.createElement('img'); img.width = '200'; previews.appendChild(img); var reader = new FileReader(); reader.onload = () => { img.src = reader.result; }; reader.readAsDataURL(files[0]) }; textarea, input, button { display: block; } <form id="data"> <textarea name="stuff"></textarea> <input type="file" name="photo"> <button name="doit">OK</button> </form> <div id="previews"> </div>