express - How do I update photos using Axios VueJs?

Question

How do I update photos using Axios VueJs? .. the photos will be uploaded later in the folder and in the database only the name is .. in the browser log there is no error at all .. this is my code

AddFoto() {
    const tokenlogin = localStorage.getItem("token");
    const headers = {
        key: tokenlogin,
    };

    let formData = new FormData();
    formData.append(
        "img",
        this.$refs.file.files[0],
        this.$refs.file.files[0].name
    );

    const urlAPI = "http://192.168.x.x:3080/produk/img/?id=" + this.$route.params.id;
    axios
        .post(urlAPI, { img: formData }, { headers })
        .then((res) => {
            swal.fire({
                toast: true,
                position: "top-end",
                timer: 5000,
                icon: "success",
                title: "Sukses, tambah foto berhasil",
                showConfirmButton: false,
            });
        })
        .catch((error) => console.log("Error : " + error));
}

photo before editing

enter image description here

photo after editing

After editing, the photo is missing, the photo that was selected during the update did not make it into the folder

enter image description here

Backend (Express Js)

enter image description here

question from:https://stackoverflow.com/questions/65854988/how-do-i-update-photos-using-axios-vuejs

Answer 1

Waitting for answers