Tengo una función que envía una imagen base64 a mi entrada, pero quiero cambiar el tamaño de la imagen antes de enviarla a la entrada. Necesito una imagen de 250x250, pero cuando tomo una foto desde el móvil, la imagen es de 3096x3096...

Ahí está mi código:

 function sendPhoto() { if (this.files && this.files[0]) { var FR = new FileReader(); FR.addEventListener('load', function (e) { var permitted_files = ['image/png', 'image/jpeg', 'image/bmp']; var baseImg = e.target.result; var parteImg = baseImg.substring(11, 15); if (parteImg.includes('jpeg') || parteImg.includes('png') || parteImg.includes('bmp')) { document.getElementById('sendedPhoto').src = e.target.result; document.getElementById('btnPhoto').style.display = ''; } else { $('body').overhang({ type: 'error', message: 'This is not an image file.', }); document.getElementById('uploadFoto').value = ''; } }); FR.readAsDataURL(this.files[0]); } }

¿Algunas ideas? ¡Gracias!