如何将输入元素值发送至Node.js服务器并将单选框与下拉框值用于文件名

嘿，我来帮你搞定这两个问题，结合你给出的Express路由代码，咱们一步步拆解：

核心要点是前端表单元素要设置name属性，后端通过Express的请求对象（req）来获取这些值，分两部分说：

前端部分：构建表单 #

你需要在HTML里创建一个表单，指定提交地址和请求方法，所有需要传递的输入元素都要加name属性——这是后端识别参数的关键。举个例子：

<form action="/import" method="GET">
  <!-- 文本框 -->
  <input type="text" name="jiraKeyFilter" placeholder="输入Jira关键字">
  <!-- 选择列表 -->
  <select name="month">
    <option value="1月">1月</option>
    <option value="2月">2月</option>
    <option value="3月">3月</option>
  </select>
  <!-- 单选按钮组（注意name要一致，value不同） -->
  <div>
    <input type="radio" name="priority" value="高" checked> 高优先级
    <input type="radio" name="priority" value="中"> 中优先级
    <input type="radio" name="priority" value="低"> 低优先级
  </div>
  <!-- 提交按钮 -->
  <button type="submit">导入数据</button>
</form>

后端部分：接收参数 #

因为你的路由是router.get，所以用req.query来获取GET请求的参数；如果是POST请求，需要先配置Express的body解析中间件，然后用req.body获取。

在你的路由里可以直接读取这些参数：

router.get('/import', function(req, res, next) { 
  // 获取前端传来的各种输入值
  const jiraKeyFilter = req.query.jiraKeyFilter;
  const month = req.query.month;
  const priority = req.query.priority;

  // 接下来就可以用这些值做逻辑处理了
  console.log('收到的参数:', { jiraKeyFilter, month, priority });

  // 你的CSV处理代码...
});

结合你的CSV导入逻辑，咱们把接收参数和文件名生成整合进去，步骤如下：

1. 先接收单选和选择列表的值：还是用req.query（GET请求）或req.body（POST请求）获取
2. 生成安全的文件名：可以直接拼接参数，建议加个合法性校验，避免参数缺失导致文件名异常
3. 在CSV处理流程中使用这个文件名：比如读取文件、记录日志等

修改后的路由代码示例：

router.get('/import', function(req, res, next) { 
  // 1. 接收单选按钮（priority）和选择列表（month）的值
  const priority = req.query.priority;
  const month = req.query.month;

  // 合法性校验：如果参数缺失，返回错误提示
  if (!priority || !month) {
    return res.status(400).send('请选择优先级和月份！');
  }

  // 2. 生成文件名
  // 可以加一些转义处理，避免特殊字符导致文件名问题
  const safePriority = priority.replace(/[^\w\u4e00-\u9fa5]/g, '_');
  const safeMonth = month.replace(/[^\w\u4e00-\u9fa5]/g, '_');
  const filename = `defect_report_${safePriority}_${safeMonth}.csv`;

  console.log('即将导入的文件:', filename);

  // 3. 你的CSV处理逻辑，这里可以把文件名用在读取文件或日志里
  var csvStream = fastCsv() 
    .on('data', function(data) { 
      var report = new csvUploads({ 
        jirakey: data[0], 
        status: data[1], 
        priority: data[2], 
        validity: data[3], 
        type: data[4], 
        month: data[5], 
        defectCategory: data[6], 
        defectSubCategory: data[7] 
      }); 
      report.save(function(error) { 
        if (error) {
          console.error('保存数据失败:', error);
          return res.status(500).send('导入出错，请重试');
        }
        console.log('已保存数据:', report);
      }); 
    })
    .on('end', function() {
      console.log(`文件 ${filename} 导入完成！`);
      res.send(`文件 ${filename} 导入成功！`);
    });

  // 假设你是读取本地CSV文件，这里传入生成的文件名
  // fs.createReadStream(filename).pipe(csvStream);
});

另外提个小建议：如果表单里有敏感数据或者参数较多，建议用POST请求替代GET，避免参数暴露在URL里。改成POST的话，只需要把表单的method改成POST，路由改成router.post('/import', ...)，然后用req.body获取参数，记得提前在Express里配置body解析：

// 在你的app.js里添加
app.use(express.urlencoded({ extended: true }));
app.use(express.json());

内容的提问来源于stack exchange，提问作者Dranier