如何让用户上传 img 并将其存储在公共文件夹中？

我正在制作简单的应用程序，使用户（餐厅经理）能够插入新的食物及其图像。

我让用户用表单上传一个img，我需要将其保存在Nuxt项目的public文件夹中。

食物信息通过 $fecth 和 POST 方法插入，然后从 POST 中提取并插入到数据库中

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

    },