Wie können Benutzer Bilder hochladen und im öffentlichen Ordner speichern?

Ich erstelle eine einfache App, die es dem Benutzer (Restaurantmanager) ermöglicht, neue Lebensmittel und deren Bilder einzufügen.

Ich lasse den Benutzer ein Bild mit einem Formular hochladen und muss es im öffentlichen Ordner des Nuxt-Projekts speichern.

Lebensmittelinformationen werden über die Methoden $fecth und POST eingefügt, dann aus POST extrahiert und in die Datenbank eingefügt

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))

    },