节点XHR文件上传事件

时间:2013-08-24 19:20:33

标签: javascript node.js express

考虑接收文件上传的ExpressJS应用程序:

app.post('/api/file', function(req, res) {
    req.on('data', function() {
        console.log('asd')
    })
})

我无法理解为什么数据事件永远不会被触发。 我也在使用bodyParser()中间件,它为每个文件提供了以下对象,似乎有一些事件可用,但仍无效果:

{
    file: {
        domain: null,
        _events: {},
        _maxListeners: 10,
        size: 43330194,
        path: 'public/uploads/a4abdeae32d56a2494db48e9b0b22a5e.deb',
        name: 'google-chrome-stable_current_amd64.deb',
        type: 'application/x-deb',
        hash: null,
        lastModifiedDate: Sat Aug 24 2013 20: 59: 00 GMT + 0200(CEST),
        _writeStream: {
            _writableState: [Object],
            writable: true,
            domain: null,
            _events: {},
            _maxListeners: 10,
            path: 'public/uploads/a4abdeae32d56a2494db48e9b0b22a5e.deb',
            fd: null,
            flags: 'w',
            mode: 438,
            start: undefined,
            pos: undefined,
            bytesWritten: 43330194,
            closed: true,
            open: [Function],
            _write: [Function],
            destroy: [Function],
            close: [Function],
            destroySoon: [Function],
            pipe: [Function],
            write: [Function],
            end: [Function],
            setMaxListeners: [Function],
            emit: [Function],
            addListener: [Function],
            on: [Function],
            once: [Function],
            removeListener: [Function],
            removeAllListeners: [Function],
            listeners: [Function]
        },
        open: [Function],
        toJSON: [Function],
        write: [Function],
        end: [Function],
        setMaxListeners: [Function],
        emit: [Function],
        addListener: [Function],
        on: [Function],
        once: [Function],
        removeListener: [Function],
        removeAllListeners: [Function],
        listeners: [Function]
    }
}

我想了解如何取得进展和完成活动。

2 个答案:

答案 0 :(得分:2)

在Express中可以访问请求和响应对象时,请求已经结束,上传已经完成。因此,data事件将不再触发,因为没有更多数据要接收(根据Jonathan Ong的评论已经消耗了可读流)。查找文件上载进度的另一种方法是使用中间件,特别是正文解析器。

查看Connect文档here(因为Express是基于Connect构建的),它说明了这一点:

  

defer推迟处理并将Formidable表单对象公开为   在不等待表单的“结束”事件的情况下调用req.form.next()。   如果您需要绑定到“progress”事件,此选项很有用。

所以你要做的就是在初始化正文解析器时将set defer添加为true,然后你可以监听progress req.form事件。示例:

app.use(express.bodyParser({
  defer: true              
}));

app.post('/upload', function (req, res) {
  req.form.on('progress', function (received, total) {
    var percent = (received / total * 100) | 0;
    console.log(percent + '% has been uploaded.');
  });

  req.form.on('end', function() {
    console.log('Upload completed.');
  });
});

答案 1 :(得分:-1)

我认为没有任何数据事件与express req对象绑定。你在哪里看到的?

另外,请尝试在用于上传的表单上添加此内容:

enctype="multipart/form-data"