承诺过早被召唤

时间:2016-05-17 13:21:43

标签: javascript node.js image resize promise

当文件是JPG时,它会在返回响应之前创建(在浏览器中显示已调整大小的图片)。但是当它是PNG时它会在写入PNG之前返回,导致Node.Js服务器崩溃,因为它无法为不存在的东西创建ReadStream:

Resizer Call

else {
    resizer
        .resizeHandler(filepath, parsedUrl, fullDestinationPath)
        .then(function () {
            return self.send(response, 200, {'Content-Type': mime.lookup(fullDestinationPath)}, fs.createReadStream(fullDestinationPath));
        });
}

调整

Resizer.prototype.resizeThenCrop = function(filepath, parsedUrl, fullDestinationPath){
    return Jimp.read(filepath)
        .then(function (picture) {
            var cropWidth = parsedUrl.query.w,
                cropHeight = parsedUrl.query.h;
            calculate(picture, parsedUrl);
                picture.resize(parseInt(parsedUrl.query.w), parseInt(parsedUrl.query.h))
                    .crop(parseInt((parsedUrl.query.w - cropWidth) / 2), parseInt((parsedUrl.query.h - cropHeight) / 2), parseInt(cropWidth), parseInt(cropHeight))
                    .quality(parseInt(parsedUrl.query.quality))
                    .write(fullDestinationPath)
        })
        .catch(function (err) {
            console.error(err);
        });
};

发送

Router.prototype.send = function (response, code, headers, data) {
    response.statusCode = code;

    if (headers) {
        for (var index in headers) {
            if (headers.hasOwnProperty(index)) {
                response.setHeader(index, headers[index]);
            }
        }
    }

    if (data instanceof Stream) {
        data.pipe(response);
    } else {
        response.end(data);
    }
};

但也许它无法处理PNG或尝试调整大小时出错?我已经测试并确认不是这样,只需将代码更改为:

else {
        resizer
            .resizeHandler(filepath, parsedUrl, fullDestinationPath)
            .then(function () {
                //return self.send(response, 200, {'Content-Type': mime.lookup(fullDestinationPath)}, fs.createReadStream(fullDestinationPath));
            });
    }

现在它什么也没有返回,我的浏览器将永远等待,因为它没有回复。但它确实在文件夹中创建文件,就像它使用JPG一样,这意味着它确实有效。在实际调度调整大小的文件之前调用createReadStream时,会导致崩溃,因为该文件不存在。该文件也未创建,因为创建它的服务器已停止。错误:

Error: ENOENT: no such file or directory, open '/var/www/pngbla_w512_h53_q80.png'
    at Error (native)

如何才能让PNG正常运行?为什么它对我的PNG文件不起作用,即使对于某些JPG文件它需要20秒,因为它被调整为大分辨率。

编辑:我已经尝试过多种尺寸,即使调整大约几分钟〜5ms,仍然会在使用PNG之前调用响应。

1 个答案:

答案 0 :(得分:0)

显然它已经开始编写JPG并且仅在完成后才开始编写BMP,我使用回调将代码更改为:

Resizer.prototype.resizeThenCrop = function(filepath, parsedUrl, fullDestinationPath){
    return Jimp.read(filepath)
        .then(function (picture) {
            var cropWidth = parsedUrl.query.w,
                cropHeight = parsedUrl.query.h;
            calculate(picture, parsedUrl);

            return new Promise(function(resolve, reject) {
                picture.resize(parseInt(parsedUrl.query.w), parseInt(parsedUrl.query.h))
                    .crop(parseInt((parsedUrl.query.w - cropWidth) / 2), parseInt((parsedUrl.query.h - cropHeight) / 2), parseInt(cropWidth), parseInt(cropHeight))
                    .quality(parseInt(parsedUrl.query.quality))
                    .write(fullDestinationPath, function(err) {
                        if(err) {
                            return reject(err);
                        }

                        return resolve(fullDestinationPath);
                    });
            });
        })
        .catch(function (err) {
            console.error(err);
        });
};

问题是picture.resize没有返回一个承诺,所以它继续而不等待.write完成。