Question

我正在尝试使用强大的中间件将一些图像上传到我的节点后端。

我想从同一表格上传多个文件。每个文件将存储在media/temp_files文件夹中，然后由Jimp处理为多种分辨率，并以其分辨率存储在路径中；最后，所有映像都应返回到下一个中间件。但是我无法将两个图像都上传到temp文件夹后，它仅处理并返回第一张图像。

我为formidable编写了这个中间件：

var fs = require('fs');
var path = require('path');
var Jimp = require('jimp');
var mkdirp = require('mkdirp');

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

function parse(opts) {
    return (req, res, next) => {
        const form = new formidable.IncomingForm({
            uploadDir: 'media/temp_images',
            keepExtensions: true,
        });
        Object.assign(form, opts);

        form.on('file', function(field, file) {
            var date = new Date();

            var newName = date.getTime() + '.' + file.type.split('/')[1];
            var newPath = form.uploadDir + '/' + newName;
            fs.rename(file.path, newPath);
            file.path = newPath;
        });

        form.parse(req, (err, fields, files) => {
            var processImage = function(image, options) {
                options.sizes.map((item) => {
                    var clone = image.clone();
                    var uploadPath = path.join(options.folder, 'w' + item.width);
                    var filepath = path.join(uploadPath, options.name);
                    !fs.existsSync(uploadPath) && mkdirp.sync(uploadPath);
                    clone.resize(item.width, item.height).write(filepath);
                });
            };
            var promises = [];
            for (const file in files) {
                var options = {
                    sizes: [{ width: 100, height: 200 }, { width: 200, height: 400 }, { width: 600, height: 1200 }],
                    folder: path.join('media/images', file.toLowerCase()),
                    name: files[file].name,
                };

                var promise = new Promise((resolve, reject) => {
                    Jimp.read(files[file].path)
                        .then((image) => {
                            processImage(image, options);
                        })

                        .catch((err) => {
                            console.error(err);
                        });
                });
                promises.push(promise);
            }
            Promise.all(promises);

            if (err) {
                next(err);
                return;
            }

            Object.assign(req, { fields, files });
            next();
        });
    };
}

module.exports = parse;
exports.parse = parse;

我将其添加到文件中，用var formidableMiddleware = require('./formidableMiddleware')然后用app.use(formidableMiddleware())命名，仅此而已。

问题在于此逻辑仅返回第一项，而我无法使其返回两者。我认为这与我使用Promises的方式有关，但我找不到错误。

任何建议都将受到欢迎！！！

使用Formidable和Jimp上传多张图片

0 个答案: