使用 Nodejs 和 Imagemagick 调整图像大小

Question

使用nodejs和imagemagick我可以调整图像大小并将其发送到浏览器。

    var http = require('http'),
        spawn = require('child_process').spawn;

    http.createServer(function(req, res) {

        var image = 'test.jpg';
        var convert = spawn('convert', [image, '-resize', '100x100', '-']);

        convert.stdout.pipe(res);
        convert.stderr.pipe(process.stderr);

    }).listen(8080);

测试图像是从文件系统读取的，我想更改以便测试图像是二进制字符串。

var image = 'some long binray string representing an image.......';

我的计划是将二进制字符串存储在 Mongodb 中并动态读取它们。

Answer 1

看一下节点模块node-imagemagick。模块页面上有以下示例，用于调整大小和图像并将其写入文件......

var fs = require('fs');
im.resize({
  srcData: fs.readFileSync('kittens.jpg', 'binary'),
  width:   256
}, function(err, stdout, stderr){
  if (err) throw err
  fs.writeFileSync('kittens-resized.jpg', stdout, 'binary');
  console.log('resized kittens.jpg to fit within 256x256px')
});

您可以更改此代码以执行以下操作...

var mime = require('mime')   // Get mime type based on file extension. use "npm install mime"
  , fs = require('fs')
  , util = require('util')
  , http = require('http')
  , im = require('imagemagick');

http.createServer(function (req, res) {
    var filePath = 'test.jpg';

    fs.stat(filePath, function (err, stat) {
        if (err) { throw err; }

        fs.readFile(filePath, 'binary', function (err, data) {
            if (err) { throw err; }

            im.resize({
                srcData: data,
                width: 256
            }, function (err, stdout, stderr) {
                if (err) { throw err; }

                res.writeHead(200, {
                    'Content-Type': mime.lookup(filePath),
                    'Content-Length': stat.size
                });

                var readStream = fs.createReadStream(filePath);

                return util.pump(readStream, res);
            });
        });
    });
}).listen(8080);

诗。还没有运行上面的代码。很快就会尝试这样做，但它应该让您了解如何异步调整文件大小和流式传输文件。

Answer 2

由于您使用的spawn()是调用 ImageMagick 命令行convert，因此通常的方法是将中间文件写入临时目录，这些文件将在使用后立即清理或作为计划/cron 作业进行清理。

如果您想避免写入要转换的文件，可以尝试的一种选择是对图像进行 Base64 编码并使用内联格式。这类似于某些 HTML 电子邮件或网页中图像的编码方式。

 inline:{base64_file|data:base64_data}
 Inline images let you read an image defined in a special base64 encoding.

注意：您可以传递的命令行选项的大小有限制..Imagemagick 文档建议 5000 字节。Base64 编码的字符串比原始字符串大（维基百科建议粗略指南大 137%），这可能非常有限，除非您显示缩略图。

另一种 ImageMagick 格式选项是ephemeral：

 ephemeral:{image_file}
 Read and then Delete this image file.

如果您想完全避免 I/O 传递，则需要一个直接集成 ImageMagick 或 GD 等低级库的 Node.js 模块，而不是包装命令行工具。