Question

我使用的是sailsjs，网站是sailsjs.org。

创建控制器功能，以便在请求图像时，可以在访问者第一次请求图像时调整其大小并进行缓存，然后在访问者下次请求时从缓存中检索。

我已经设置了一条到资产控制器的路线：

'get /image/:width/:height/:image': {
    controller: 'AssetController',
    action: 'image'
},

我已设置策略拦截上述路由中的图像请求，并将文件大小/保存到缓存中：

var fs = require('fs'),
im = require('imagemagick');

module.exports = function imageCacheResize(req, res, next){
    var width = req.param('width');
    var height = req.param('height');
    var file = req.param('image');

    if(width && height){

        //read from cache
        dir = 'assets/images/uploads/cache/'+width+'X'+height+'/';
        filename = dir+file;
        if (!fs.existsSync(dir)){
            fs.mkdirSync(dir);
        }
        if(!fs.exists(filename)){
            //write to file if not exist
            var originalFile = 'assets/images/uploads/'+file;

            im.resize({
                srcPath: originalFile,
                dstPath: filename,
                width:   width
            }, function(err, stdout, stderr){
                if (err) throw err;
            });
        }
    }
    next();
};

我还有一个动作/功能设置让控制器处理返回调整大小的图像：

image: function(req, res){
    var file = req.param('image');
    var filename = 'assets/images/uploads/'+file;

    if((typeof req.param('width') != 'undefined')
        &&(typeof req.param('height') != 'undefined'))
    {
        var width = req.param('width');
        var height = req.param('height');
    }
    if(typeof req.param('size') != 'undefined'){
        var size = req.param('size');
    }

    if(width && height){


        //read from cache
        dir = 'assets/images/uploads/cache/'+width+'X'+height+'/';
        file = dir+file;
    }else{
        file = 'assets/images/uploads/'+file;
    }
    console.log(file);
    res.sendfile(file);
}

所有代码都正常工作并创建然后保存已调整大小的图像，但是它不会在第一个请求时返回图像，但会在第二个请求时返回。

Answer 1

事实证明我没有将next（）命令放在正确的位置。似乎在等待图像调整大小时，代码会继续，然后点击最后一个（）。

我已将图片大小调整政策更改为：

var fs = require('fs'),
im = require('imagemagick');

module.exports = function imageCacheResize(req, res, next){
var width = req.param('width');
var height = req.param('height');
var file = req.param('image');

if(width && height){

    //read from cache
    dir = 'assets/images/uploads/cache/'+width+'X'+height+'/';
    filename = dir+file;
    if (!fs.existsSync(dir)){
        fs.mkdirSync(dir);
    }
    if(!fs.exists(filename)){
        //write to file if not exist
        var originalFile = 'assets/images/uploads/'+file;

        im.resize({
            srcPath: originalFile,
            dstPath: filename,
            width:   width
        }, function(err, stdout, stderr){
            if (err) throw err;
            next();
        });
    }else{
        next();
    }
}else{
    next();
}
};

使用节点根据请求提供已调整大小的图像的问题

1 个答案: