Question

我是node.js和web开发的新手，对node.js sharp模块有疑问。我想使用node.js sharp模块调整图像大小/裁剪图像，然后将其存储到缓冲区并随后访问它。阅读Sharp API之后，我想出了这个代码示例。

sharp('img.jpg').extract(extract).resize(height, width).toBuffer(function (err, data, info) {img = data;});

我认为变量img现在包含我的新图像。我的第一个问题是我的假设是否正确。如果这是正确的，我如何在我的网站上显示新图像？如果可能，我想使用HTML img标记。但如果有更好更简单的方法，请随时告诉我。我不想将图像存储到本地文件中。

感谢您的帮助！

Answer 1

这是对的。首先需要使用fs将图像保存在磁盘上，例如 - ＆gt;

const   saveImageOnDisk = (base64Image, imageName) => 
{
    const   buf = new Buffer(base64Image.replace(/^data:image\/\w+;base64,/, ''), 'base64');

    fs.writeFile(`./${imageName}.png`, buf, {encoding: 'base64', flag: 'w'}, err => console.warn(err));
};

然后，您可以尝试通过对Sharp进行一些操作来访问此图像（例如，在节点服务器上显示图像）

exports.getImage = (req, res) =>
{
    const   fileName = `./${req.params.image}`;
    const   width = 200;
    const   height = 200;

    sharp(fileName)
    .resize(height, width)
    .toBuffer()
    .then((data) =>
    {
        //To display the image
        res.writeHead(200, {
            'Content-Type': 'image/png',
            'Content-Length': data.length
        });
        return (res.end(data));
    })
    .catch(err => console.log(err));
};

所以，有这样的路线

app.route('/myImages/:image').get(Methods.getImage);

您可以使用简单的网址访问您的图片 - ＆gt; http://yourserver.xyz/myImages/imageX

如何从node.js sharp模块缓冲区访问图像

1 个答案: