estoy intentando subir una imagen a traves de un mutation (graphql) pero al subir la imagen ingreso al link y me descarga la imagen pero al abrirla me dice "parece que el formato del archivo no es compatible".
agradeceria mucho sugerencias o detalles que pueda tener porque realmente la imagen si se guarda pero no por lo que veo, no correctamente
mi codigo de react js es este en el que envio el archivo a traves del mutation saludos
const [uploadFile, {data}] = useMutation(uploadFileMutation);
const onDrop = useCallback(
async([file]) => {
if (file) {
setPreview(URL.createObjectURL(file));
console.log("archivode", file)
uploadFile({variables: {file: file}});
}
}, [uploadFile],
);
const {
getRootProps,
getInputProps,
isDragActive,
isDragAccept,
isDragReject,
} = useDropzone({
onDrop,
accept: 'image/*',
maxSize: 5120000,
});
y mi codigo desde node js es el siguiente
AWS.config.update({
accessKeyId: process.env.AWSAccessKeyId,
secretAccessKey: process.env.AWSSecretKey,
region: process.env.region,
});
const s3 = new AWS.S3({
region: process.env.region
});
// my default params for s3 upload
// I have a max upload size of 1 MB
const s3DefaultParams = {
ACL: 'public-read',
Bucket: process.env.bucket,
Conditions: [
['content-length-range', 0, 5120000], // 1 Mb
{
acl: 'public-read'
},
],
};
// the actual upload happens here
const handleFileUpload = async file => {
const {
path
} = await file;
return new Promise((resolve, reject) => {
s3.upload({
...s3DefaultParams,
Body: "stream",
Key: `images/${path}`,
},
(err, data) => {
if (err) {
console.log('error uploading...', err);
reject(err);
} else {
console.log('successfully uploaded file...', data);
resolve(data);
}
},
);
});
};
module.exports = {
handleFileUpload
}