我已经使用express js创建了示例应用程序,以将文件上传到本地路径。
app.js
const express = require("express");
const app = express();
const http = require("http").Server(app).listen(3000);
const upload = require("express-fileupload");
app.use(upload());
console.log("Server Started");
app.get("/", function (req, res) {
res.sendFile(__dirname + "/index.html");
}
)
app.post("/", function (req, res) {
if (req.files) {
//console.log(req.files);
const file = req.files.filename;
const filename = file.name;
file.mv("./upload/" + filename, function (err) {
if (err) {
console.log(err);
res.send("error occured");
}
else {
res.send("Done");
}
})
}
})
index.html
<div>
<h1 style="align-content: center">Upload your file here!</h1>
</div>
<div style=" background-color: white;
padding:64px;
display:flex;
align-items:flex-start;
justify-content: flex-start;
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 20px 15px 0 rgba(0, 0, 0, 0.08);
box-sizing:border-box">
<form label="upload" method="post" enctype="multipart/form-data" action="/">
<label> Enter reference</label>
<input type="text"></input>
<br><br>
<input type="file" name="filename">
<input type="submit" value="upload">
</form>
</div>
我需要帮助来访问app.js文件中在输入类型=“ text”上输入的文本内容。任何帮助将不胜感激。
答案 0 :(得分:1)
您有两个主要问题。
只有具有名称的表单控件才能成为成功的控件。 某些东西必须等于输入的值。
给输入一个名字:
<input type="text" name="foo">
然后,您正在使用的正文解析器(Busboy,包装在express-fileupload中)将填充req.body
对象,以便您可以通过req.body.foo
访问它。
<input>
元素的结束标记。使用验证器:https://validator.nu/ 答案 1 :(得分:0)
您必须为name
字段赋予type=text
属性。然后,您可以使用名称访问该字段。假设您将其设置为<input type="text" name="user_input"></input>
。现在,您可以从app.post
以req.body.user_input
的身份访问它。