在jQuery File Upload中上传所有文件时如何在服务器端使用停止事件

Question

我在 express.js 上使用 jQuery File Upload 和 jquery-file-upload-middleware 和 mongoose 和 mongoDB。

我想上传画廊的图片。 Galery对象包含一个Image对象数组，如

var GalerySchema = new mongoose.Schema({
    images: [ImageSchema]
})

每个文件异步上传后，我想将其推送到我的 Galery 对象的 images 数组中。

我尝试做以下服务器端：

// Is called everytime an image is uploaded
upload.on('end', function(fileInfo, rew, res){
    // Get the galery
    db.Galery.findOne({_id: req.fields.galery_id}, function(err, galery){

        // Create new Image object instance
        var image = new db.Image({src: fileInfo.name});

        // Save, in order to create auto generated _id
        image.save(function(err){
            if(err) {console.log(err); return; }

            // Add to Images array of Galery object
            galery.images.push(image);

            // Save galery with added image
            galery.save(function(err){
                if(err) { console.log(err); return; }
            });
        })
    });
});

这样做，我得到了一个众所周知的[VersionError: No matching document found.]，据我目前所知，这是由于同时访问同一个 mongodb 文档，因为上传是异步进行的。

所以为了处理异步方式的问题，最好等待所有上传完成，然后使用async.parallel()将图像一一插入到mongodb中。

但是如何访问所有上传已完成的事件？

我知道浏览器端我可以使用stop event。但首先这不包含有关上传文件的任何数据。另外，我想在服务器端做。

有没有类似的东西

upload.on('doneAll', function(allFilesInfo, req, res){...})?

Answer 1

在上传时，如果您使用sequentialUploads: true，则每个文件都向服务器发出一个请求，或者总共发出一个请求。如果您想知道所有图像何时在异步场景中上传，您需要使用 express 定义一个额外的路由，并在调用此路由的所有文件完成时向 fileuploader 添加一个回调。然后，您还需要跟踪哪些文件已上传但之前未保存。如果您的脚本被多人使用（公共访问？），那么您还需要实现一些会话处理以保存在调用“uploadDone”路由时要添加的上传文件。如您所见，这是很多开销，所以我建议使用sequentialUploads: true 解决方案。

但我几乎不相信您会得到[VersionError: No matching document found.]，因为同时访问图库文档，因为获取/保存文档只需几毫秒。我建议您检查是否发送了req.fields.galery_id。

console.log(req.fields.galery_id);

Answer 2

由于 jQuery File Upload 为每个文件创建一个 XHR，这些在服务器端被视为单独的 POST，并且上传中间件无法直接知道所有上传何时完成。您可以创建另一个端点来作为停止事件的回调，但这不仅缺少有关上传内容的信息，正如您已经知道的那样，而且如果两个或更多用户碰巧正在上传，也无济于事同时。

我相信您需要调用findOneAndUpdate（或findByIdAndUpdate）来对Galery 执行更新。请参阅此answer，了解如何将$pushimage 转换为galery 的示例。

Answer 3

你可以使用 Promise（Bluebird：https://github.com/petkaantonov/bluebird，npm install bluebird --save）并有这样的东西：

var BPromise = require('bluebird');

var uploadDone = new BPromise(function (resolve, reject) {

    // your image upload

});

uploadDone.then(function (result) {

   // upload complete here

}, function (error) {
   console.log("Error: ", error);
});