vue.js - Problem uploading a image with formData and fetch in Vue

Question

im geting a error 500 (Internal Server Error) when trying to upload a image with a API.

This is the code I use:

fnguardar(event) {
      const fileN = event.target.files[0];
      const formdata = new FormData();

      formdata.append("imagen", fileN, "img1.jpg");

      console.log("guardando");

      fetch("https://cors-anywhere.herokuapp.com/" + this.url, {
        method: "POST",
        body: formdata,
        headers: {
          Accept: "multipart/form-data",
          "Content-Type": "multipart/form-data",
        },
      })
        .then((res) => {
          console.log(res);
        })
        .then((i) => {
          this.i = i;
          console.log("datos enviados");
          console.log(i);
        });
    } 

The input code:

<input type="file" id="img" name="img" @change="fnguardar($event)" />

What I′m missing?

Answer 1

等待大神答复