Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

245
Visualizações
Upload files VueJS to NodeJS backend by axios

I would like to upload a file in vuejs to my nodejs server. However, I can't receive my file in the backend. Someone could help me. I have tried several things but I still can't get it. If anyone can help me I would be very grateful :-)

VueJS Upload Page Code

<input id="input-file" name="input-file" type="file" ref="file" @change="newFile($event)"/>
const formData = new FormData();
formData.append("file", document.getElementById("input-file"))
const createUserResponse = await RequestManager.executePostRequest("/users/upload", formData, {
    headers: {
      'Content-Type': 'multipart/form-data'
    }
});

RequestManager executePostRequest Function

static async executePostRequest(url: string, params: any, specialConfig?: AxiosRequestConfig) {
        const postToken = Utils.buildHmacSha256Signature(params);
        let headers: AxiosRequestHeaders = {
            "x-access-token": config.server.backendAccessToken,
        }

        if (RequestManager.token) {
            headers = {
                "x-access-token": config.server.backendAccessToken,
                "x-token-data": RequestManager.token,
            }
        }
        if (specialConfig && specialConfig.headers) {
            headers = Utils.mergeObjects(headers, specialConfig.headers) as AxiosRequestHeaders;
        }

        const instance = axios.create({
            baseURL: config.server.host,
            headers: headers
        });
        console.log(headers);

        const paramsPost = {
            data: params,
            token: postToken
        }

        return new Promise<any>((resolve, reject) => {
            instance
                .post(url, paramsPost)
                .then(response => {
                    resolve(response.data);
                })
                .catch(error => {
                    reject(error);
                });
        });
    }

Backend NodeJS

UserRouter.get("/upload", (req, res) => {
  console.log(req.files);
  res.send("ok");
});
about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda