我已经构建了一个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);
}
};
```