国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

如何讓用戶上傳 img 并將其存儲(chǔ)在公共文件夾中？

我正在制作簡(jiǎn)單的應(yīng)用程序，使用戶（餐廳經(jīng)理）能夠插入新的食物及其圖像。

我讓用戶用表單上傳一個(gè)img，我需要將其保存在Nuxt項(xiàng)目的public文件夾中。

食物信息通過 $fecth 和 POST 方法插入，然后從 POST 中提取并插入到數(shù)據(jù)庫中

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

    },