Error de solicitud de envío HTTP al intentar cargar imágenes a aws S3 usando React y Express

Jeewantha Lahiru

Estoy tratando de subir una imagen a aws s3 usando React y express. mi código de React es,

axios
 .put(putUrl, file[0], options)
 .then(() => {
          console.log("hello world");
 })
 .catch(err => {
          console.log(err);
 })

esta URL de colocación se generó expresando usando este código antes de llamar al código anterior. Y el archivo es la matriz de archivos agregados,

generatePutUrl(Key, ContentType).then(putUrl => {
        res.send({putUrl});
        console.log({putUrl});
    }).catch(err => {
        res.send(err);
    });

las opciones tienen esto,

const options = {
            params: {
                Key: key,
                ContentType: contentType
            },
            headers: {
                'Content-Type':contentType
            }
        };

esta clave (por ejemplo, "ejemplo.png") tiene el nombre de la imagen y contentType es el tipo de imagen (por ejemplo, "imagen / png"). Cuando intento cargar una imagen, muestra esos dos mensajes de error y la imagen no se cargó en el depósito S3.

Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:84)


PUT <generatedUrl> net::ERR_NAME_NOT_RESOLVED

esta es el valor de la URL de S3 generada. cuando obtengo la URL generada desde el servidor expreso, la solicitud de obtención funciona bien. pero la solicitud muestra este error. ¿Cuál podría ser el error?

Jeewantha Lahiru

He actualizado la política de depósitos de esta manera. He añadido "s3: PutObject" entonces el error se había ido.

{
    "Version": "2012-10-17",
    "Id": "Policy1624878606419",
    "Statement": [
        {
            "Sid": "Stmt1624878601700",
            "Effect": "Allow",
            "Principal": "*",
            "Action": [
                "s3:GetObject",
                "s3:PutObject"
            ],
            "Resource": "arn:aws:s3:::bucket-name/*"
        }
    ]
}

Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.

En caso de infracción, por favor [email protected] Eliminar

Editado en
0

Déjame decir algunas palabras

0Comentarios
Iniciar sesiónRevisión de participación posterior

Artículos relacionados

django aws s3 cambio de tamaño de la imagen al cargar y acceso a varias imágenes redimensionadas

error getClientOriginalName () al intentar cargar la galería de imágenes

error getClientOriginalName () al intentar cargar la galería de imágenes

encontré un error al intentar cargar varias imágenes a AWS usando Node js

Error al intentar mostrar imágenes de FirebaseFirestore usando picasso

Error de decapado de Pyspark al intentar cargar matrices numpy a s3 usando boto3

Obteniendo un error de solicitud incorrecta al cargar un modelo en el visor de forge desde AWS S3

Protocolos Express Node JS + HTTP: envío de imágenes por solicitud / respuesta

Error al importar el archivo de fuente o imágenes dentro de scss usando Webpack 4 y react js

Error al importar el archivo de fuente o imágenes dentro de scss usando Webpack 4 y react js

'AWS S3 clave encabezado perdido' error al intentar cargar el archivo a Amazon S3 El uso de Apache Camel

Obtención de una excepción SSL al intentar cargar en AWS s3

Error 500 al cargar un archivo CSV al bucket de S3 usando boto3 y python flask

ERROR: "No se puede resolver el contexto del símbolo" al intentar cargar imágenes usando Glide en RecyclerView

Envío de solicitud HTTP usando Scalatra y Scala

Golang - Error SignatureDoesNotMatch de S3 al intentar una solicitud GET

Temas de Huawei, error al intentar cargar el envío del tema

Temas de Huawei, error al intentar cargar el envío del tema

Error de archivo vacío al cargar imágenes en Cloudianary usando la API web ASP.NET Core

Error de PHP al intentar cargar listados

El archivo de solicitud de Multer no está definido: se usa con Node / Express para cargar imágenes en s3

El archivo de solicitud de Multer no está definido: se usa con Node / Express para cargar imágenes en s3

Se muestra un error al cargar imágenes usando php a la base de datos sql

Recolección de imágenes y envío al servidor

cómo cargar las imágenes y guardarlas en la base de datos usando react

Error al cargar imágenes más grandes (tamaño) desde una aplicación de Android a la base de datos

No se pudieron cargar las credenciales de ningún proveedor al intentar cargarlas en AWS S3

Error de Express js al intentar crear una solicitud de publicación

Fuera de error de memoria Al cargar más imágenes en Glide

TOP Lista

CalienteEtiquetas

Archivo