时间戳

首页 > 解决方案 > 将数据从 res.write() 传递到强大的文件名

javascript - 将数据从 res.write() 传递到强大的文件名

问题描述

我使用节点来允许用户上传文件：

var http = require('http');
var formidable = require('formidable');
var fs = require('fs');

http.createServer(function (req, res) {
  if (req.url == '/fileupload') {
    var form = new formidable.IncomingForm();
    form.parse(req, function (err, fields, files) {
      var oldpath = files.filetoupload.path;
      var newpath = 'team_1_uploads/' + files.filetoupload.name + files.filetoupload.token;
      fs.rename(oldpath, newpath, function (err) {
        if (err) throw err;
        res.write('            FILE UPLOADED!');
        res.end();
      });
 });
  } else {
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.write('<div align="center">');
    res.write('<html>');
    res.write('<body>');
    res.write('<form action="fileupload" method="post" enctype="multipart/form-data">');
    res.write('<input id="file_input" type="file" name="filetoupload" style="margin-left: 100px; margin-bottom: 10px; color: transparent"><br>');
    res.write('<input id="submit_button" type="submit">');
    res.write('</form>');
    res.write('</body>');
    res.write('</html>');
    res.write('</div>');
    return res.end();
  }
}).listen(3131);

如您所见，我正在尝试将令牌附加到文​​件名上。上传按钮通过前端的 iframe 由节点提供。我可以使用 postMessage 将令牌传递给 res.write()，方法是将以下脚本添加到 res.write()：

res.write("<script>window.addEventListener('message', function(event) { document.getElementById('file_input').dataset.token = event.data; global_hold_token = event.data; })</script>");

这通过使用表单元素上的数据属性将标记设置为表单元素。使用 postMessage 从前端接收消息：

$('#my_frame')[0].contentWindow.postMessage(token, '*')

我想我可以使用 formidable 解析数据属性。但是节点似乎无法访问表单元素上的数据属性，即使它可以访问名称。

标签： javascripthtmlnode.js

解决方案

是?token=xxxxxx一个 GET 参数。您可以从req对象下的req.query对象中获取这些

http://expressjs.com/en/api.html#req.query

所以在你的情况下，它将在req.query.token

推荐阅读