html - 该值不会从下拉列表发送到 Express.js

Question

我想将表单的值发送到 Express.js，然后将它们保存在数据库中。但唯一未到达 Express.js 的值是 select 元素中的值。表单发送两个内容，它发送excel 文件和select 元素内的值。我什至尝试 console.log req.body 以查看该值是否在请求正文中发送，但它返回一个 void {} 值。这是 HTML。

<div class="w3-card-2 w3-display-middle" class="margin:auto">
<header class="w3-container w3-blue"><h4><b>Subir documento de Excel</b></h4></header>

<form id="uploadForm" enctype="multipart/form-data" action="/upload" method="post">
    <br>
    <input type="file" name="file" />
    <br>
    <br>
    <label>Entidad financiera: </label>
    <select name="bancos" class="w3-select w3-border">       /* <---------- */
        <option value="noAsignado">No asignado</option>
        <option value="bhdLeon">BHD Leon</option>
        <option value="asociacionNacional">ASOCIACION NACIONAL DE AHORROS Y PRESTAMOS</option>
        <option value="pucmm">PUCMM</option>
        <option value="grupoAltus">GRUPO ALTUS</option>
    </select>
    <br>
    <br>
    <br>
    <br>
    <input class="w3-display-bottommiddle" type="submit" value="Subir" name="submit">
</form>

这里是 Node 代码:

app.post('/upload', function(req, res){
    console.log(req.body);    //  <---------------------
    var exceltojson;
    upload(req, res, function(err){
        if (err) {
            res.json({error_code:1,err_desc:err});
            return;
        }
        if(!req.file){
            res.json({error_code:1, err_desc:"No file passed"});
            return;
        }

        if(req.file.originalname.split('.')[req.file.originalname.split('.').length-1] === 'xlsx'){
            exceltojson = xlsxtojson;
        } else {
            exceltojson = xlstojson;
        }
        try {
            exceltojson({
                input: req.file.path,
                output: "./outPutJSON/output.json",
                lowerCaseHeaders: true
            }, function(err, result){
                if(err){
                    return res.json({error_code:1, err_desc:err, data: null});
                }
                res.json({datos:"Los datos fueron agregados exitosamente"});

                fs.readFile("./outPutJSON/output.json", 'utf8', async (err, fileContents) => {
                    if (err) {
                      console.error(err);
                      return;
                    }
                    try {
                      let data = JSON.parse(fileContents);
                      console.log(data);             //--------------HERE THE EXCEL FILE WHEN IS PARSED
                      io.emit('test event', 'Se han subido ' + data.length + ' casos' );

                      for(let cantidad = 0; cantidad < data.length; cantidad++){
                        var documento = data[cantidad];
                        if(documento.nombre === '' || documento.cedula === '' || documento.direccion === '') {
                            console.log('No se puede guardar este documento');
                        } else {
                            var mostrar = await incrementar();
                            documento.caso = mostrar;
                            documento.montoApoderado = data[cantidad]['monto apoderado'];
                            documento.numeroCliente = data[cantidad]['no.cliente'];
                            documento.numeroProducto = data[cantidad]['no.producto'];
                            let today = moment().format('YYYY M D');
                            documento.fechaCreado = today;
                            var mod = new model(documento);
                            await mod.save(documento);
                        }
                      }
                    } catch(err) {
                      console.error(err);
                    }
                  })

                });

                var fs = require('fs');
                try {
                    fs.unlinkSync(req.file.path)
                }catch(e){

                }
        } catch (e) {
            res.json({error_code:1, err_desc:"Corrupted excel file"});
        }
    });
});

Answer 1

1-) 在调用路由器方法之前检查您的express.js 是否使用以下句子:

app.use(bodyParser);
app.use(bodyParser.json()); // support json encoded bodies
app.use(bodyParser.urlencoded({ extended: false })); // support encoded bodies

2-) 您没有为您的代码附加 ID 属性，也没有为选择选项附加 NAME 属性(尽管该名称是服务器所必需的 -侧面...:/)

你需要重写你的js代码:

    <select id="banks" name="bancos" class="w3-select w3-border">       /* <---------- */
        <option name="noAsignado" value="noAsignado">No asignado</option>
        <option name="bhdLeon" value="bhdLeon">BHD Leon</option>
        <option name="asociacionNacional" value="asociacionNacional">ASOCIACION NACIONAL DE AHORROS Y PRESTAMOS</option>
        <option name="pucmm" value="pucmm">PUCMM</option>
        <option name="grupoAltus" value="grupoAltus">GRUPO ALTUS</option>
    </select>

3-) 也许您在执行 next() 函数之前正在检查主体。在执行处理程序之前尝试，然后再次检查 req.body。 :)

致以诚挚的问候。