Estoy usando el paquete npm react-cropper para recortar una imagen al cargarla. Las imágenes cargadas están en formato jpeg, jpg y png. Después de recortar la imagen, recibo la imagen en formato BASE64. Cuando intento enviar la imagen al backend, recibo un mensaje de error como el siguiente. {error: mensaje "Solicitud incorrecta": "Valor de campo demasiado largo" código de estado: 400}

¿Hay alguna forma de reducir el URI o alguna otra opción? En realidad, me quedé con esto durante demasiado tiempo y no pude identificar una solución.

 const handleUpload = async (uri) => { const myHeaders = new Headers(); myHeaders.append('Authorization', `Bearer ${appRef.get('X-AUTH-TOKEN')}`); const formdata = new FormData(); formdata.append('file', uri); formdata.append('type', 'base64'); const requestOptions = { method: 'POST', headers: myHeaders, body: formdata, redirect: 'follow', }; fetch(`https://prod-main.com/nj/file-upload`, requestOptions) .then(response => response.text()) .then(result => console.log(result)) .catch(error => console.log('error', error)); };

Adjuntó un enlace de sandbox que contiene un archivo llamado base64Image donde se agrega el URI recibido. https://codesandbox.io/s/epic-ives-9eqpce?file=/base64Image