Bagaimana untuk membenarkan pengguna memuat naik img dan menyimpannya dalam folder awam?

Saya sedang membuat aplikasi mudah untuk membolehkan pengguna (pengurus restoran) memasukkan makanan baharu dan imejnya.

Saya membenarkan pengguna memuat naik img dengan borang dan saya perlu menyimpannya dalam folder awam projek Nuxt.

Maklumat makanan dimasukkan melalui kaedah $fecth dan POST, kemudian diekstrak daripada POST dan dimasukkan ke dalam pangkalan data

INSERT INTO menu (food_name, price, course ) 
        VALUES (?, ?, ?)`,
[plateName, platePrice, course]

FORM:
<input class="form-control" type="file" v-on:change="uploadImg()" id="formFile">
<label for="formFile" class="form-label">Add Image</label>

methods {
    uploadImg(){

        ???

    },
    addFood() {
      $fetch("/api/insert/", {
        method: "POST",
        body: {
            plateName: this.plateName,
            platePrice: this.platePrice,
            course: this.plateSelect,
            }
      })
      .then(() => window.location.href = "/inserimento")
      .catch((e) => alert(e))

    },