如何使用javascript检查上传到服务器的文件是否为空白?

我已经构建了一个React应用程序,并创建了Fileupload模块以将YAML文件从本地上传到服务器。

谁能帮助我实施检查,以便如果用户上传了空文件,则应提醒他们(“空文件已上传”)。

将客户端和服务器端的可复制部分放在这里,我在其中处理了文件的语法,并检查了每一行是否有注释,并尝试实现空白文件验证,但没有成功。任何人都可以在下面提供帮助。

客户端

handleUpload = async (e) => {
    console.log("Starting upload");
    const formData = new FormData();
    formData.append("file", this.state.file);

    try {
      const res = await axios.post(this.props.url + "/upload", formData, {
        headers: {
          "Content-Type": "multipart/form-data",
        },
      });

      const { status } = res.data;
      if (status === "ok") {
        alert("File Uploaded Successfully");
        this.setState({ file: "" });
        this.setState({ fileName: "Choose File" });
        document.getElementById("closeButton").click();
      } 
      else if (status === "invalid") {
        const { error } = res.data
        // console.log(error.message)
        var errmsg= "Invalid Syntax!!"+ error.message
        alert(errmsg);
      }
      else if (status === "Invalid File") {
        alert("Invalid File");
        this.setState({ file: "" });
        this.setState({ fileName: "Choose File" });
        document.getEementById("closeButton").click();
      }
      else if (status === "Blank") {
        alert("Error!!");
        this.setState({ file: "" });
        this.setState({ fileName: "Choose File" });
        document.getEementById("closeButton").click();
      }
    } catch (err) {
        console.log(err.response.data.msg); 
    }
  };
```

评论