Form Data always empty when uploading file

[lamseck-jonathan]

I'm trying to upload image to laravel and save it
But formData is always empty and laravel get empty object
What i am doing wrong or is it a bug

//Vue js function

        function save(){
        let formData = new FormData();
        formData.append("image",imageFile.value)
        console.log("before upload file" , imageFile.value) //This returns a file object with all data needed
        console.log("before upload from data" , formData) // this is empty 
        userStore.addProfilePicture(userStore.user.id,formData); //When i get response from laravel it is also empty
        }

//axios

          addProfilePicture(id:number,image:FormData){
           await api.post("/user/profile_picture/"+id,image,
          {headers: {'Content-Type': 'multipart/form-data' }})
          .then((res) => {
              this.user = res.data
              console.log("data after image",res.data)
          })

},

//Laravel

    public function upload_picture($id, Request $request){
    if(!$request->hasFile('image')) {
        return response()->json(['upload_file_not_found'], 400);
    }
    $file = $request->file('image');
    if(!$file->isValid()) {
        return response()->json(['invalid_file_upload'], 400);
    }

    $path = public_path() . '/uploads/images/store/';
    $file->move($path, $file->getClientOriginalName());

    return response()->json($request->file());

in the picture "data after image" is the response from laravel

}

[lamseck-jonathan]

sometimes the file is stored but sometimes it returns error , still figuring this out
It's not a quasar error
You can delete the discussion if it's not needed
But if you can help me , i'm always open to suggestions thanks