从Express JS访问HTML元素

时间:2019-04-15 12:31:03

标签: html node.js express

我已经使用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”上输入的文本内容。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

您有两个主要问题。

您没有发送数据

只有具有名称的表单控件才能成为成功的控件。 某些东西必须等于输入的值。

给输入一个名字:

<input type="text" name="foo">

您不是要查找数据

然后,您正在使用的正文解析器(Busboy,包装在express-fileupload中)将填充req.body对象,以便您可以通过req.body.foo访问它。

  • HTML中禁止<input>元素的结束标记。使用验证器:https://validator.nu/
  • 其中没有for属性或窗体控件,标签是没有用的。参见this guide

答案 1 :(得分:0)

您必须为name字段赋予type=text属性。然后,您可以使用名称访问该字段。假设您将其设置为<input type="text" name="user_input"></input>。现在,您可以从app.postreq.body.user_input的身份访问它。