Estoy usando el servicio Amazon S3 para cargar imágenes a través de mi aplicación nativa de reacción. Usé la URL firmada enviada desde Amazon para realizar la carga, por lo que funciona así:

1. Cuando el usuario abre la cámara para tomar una foto, envía una solicitud de obtención a mi servidor para obtener el enlace de la URL.
2. Luego utilicé esa URL firmada para realizar la solicitud cuando el usuario validó la imagen.

El problema aquí es que el archivo (imagen jpeg) se rompe después de cargarlo en Amazon S3. Entonces, la carga funciona bien, pero no hay forma de que pueda abrir la imagen. Probé con Insomnia y funciona bien para abrir la imagen, por lo que debe estar relacionado con mi cuerpo formData que envié a través de mi aplicación nativa de reacción.

Aquí está el código de mi componente dentro de reaccionar nativo:

 const result = await ImagePicker.launchCameraAsync({ mediaTypes: ImagePicker.MediaTypeOptions.Images, allowsEditing: true, aspect: [1, 1], }); if (!result.cancelled) { const resizeResult = await ImageManipulator.manipulateAsync( result.uri, [{ resize: { height: 400, width: 400 } }], { format: "jpeg", compress: 0.8 } ); const formData = new FormData(); formData.append("putObject", { uri: resizeResult.uri, name: `${infoUser.id}`, // the name here shouldn't matter as it's already defined in the query (but I use the same that has be signed) type: "image/jpeg", }); const config = { headers: { "Content-Type": "image/jpeg", // I also tried : "multipart/form-data" }, }; // results.data is the signed url axios.put(results.data, formData, config); .then((res) => console.log(res)) .catch((e) => console.log(e.response));

La URL de la firma se ve así:

 https://bucketname.s3.eu-west-3.amazonaws.com/profile.jpg?Content-Type=image%2Fjpeg&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASUE*******7%2Feu-west-3%2Fs3%2Faws4_request&X-Amz-Date=20210917T094406Z&X-Amz-Expires=900&X-Amz-Signature=a6828c1669*********ffe641b4a&X-Amz-SignedHeaders=host%3Bx-amz-acl&x-amz-acl=public-read

Estaba usando exactamente el mismo objeto formData para enviar imágenes a mi servidor antes de usar Amazon s3 y funcionaba bien.

Gracias