Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

276
Vistas
how to fix uri undefined error when trying to send request

when I'm trying to call the request in front node, I'm getting error in my backend node " RequestError: Error: Invalid URI "undefined"" , it seems like backend node request is not getting the data form my frontend node request. knowing that uploadLink already have a value and in my browser console the frontend request looks ok enter image description here my backend request code

const ThumbnailUpload = async (req, res) => {
  const { Uploadlink } = req.body;
  const { selectedFile } = req.body;
  const clientServerOptions = {
    uri: `${Uploadlink}`,
    body: JSON.stringify({
      name: selectedFile,
    }),
    method: 'PUT',
    headers: {
      'Content-Type': ' application/json',
      Accept: 'application/vnd.vimeo.*+json;version=3.4',
      Authorization: getVimeoAuthorization(),
    },
  };
  request(clientServerOptions, function (error, response) {
    if (error) {
      res.send(error);
    } else {
      const body = JSON.parse(response.body);
      res.send(body);
    }
    console.log(Uploadlink);
  });
};

and my frontend code is

const handleSubmit = (event) => {
    event.preventDefault();
    const formData = new FormData();
    formData.append(
      'selectedFile',
      new Blob([selectedFile], { type: 'image/jpg, image/png, or image/gif' }),
    );
    formData.append('uploadLink', uploadLink);

    const headers = {
      'Content-Type': 'image/jpg, image/png, or image/gif',
      Accept: 'application/vnd.vimeo.*+json;version=3.4',
    };

    try {
      axios
        .post(`${backendPostPath}/thumbnail-upload`, formData, {
          headers,
        })
        .then((response) => {
          applyThumbnial();
          console.log(response);
        });
    } catch (error) {
      console.log(error);
    }
  };

any advise ?

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

change:

const { Uploadlink } = req.body;

to:

const { uploadlink } = req.body;

make variable consistent throughout the code

EDIT

also, since you're uploading a file, you need to use upload middleware before request handler, and file will be within req.file:

route.post('/thumbnail-upload', upload.single('selectedFile'), ThumbnailUpload);

//... handler..
const selectedFile = req.file;
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda