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
photo after editing
After editing, the photo is missing, the photo that was selected during the update did not make it into the folder
Backend (Express Js)