如何在javascript

Question

我测试了这个软件包：https://preview.npmjs.com/package/resize-base64

它需要一个前端部件来制作Canvas元素..依此类推，我只需要在没有前端的情况下进行此过程

我使用react native，因此任何针对React / Native，node或native javascript的解决方案都是可以接受的。

Answer 1

您必须分步骤进行：

1. 解码Base64
2. 解码图像数据
3. 缩放图像
4. 编码图像
5. 输出图像

几乎所有这些步骤都可以使用Sharp来完成。 https://github.com/lovell/sharp该软件包使用libvips，并且在大多数情况下比任何其他图像缩放器都快得多。

Answer 2

也许晚了，但希望能对其他人有所帮助。

const sharp = require('sharp');

// original base64 image
const base64Image = "data:image/jpeg;base64,/9j/4QDsRXhpZg ...  ...  ... ";

// express route function
export default function (req, res, next) {
    let parts = base64Image.split(';');
    let mimType = parts[0].split(':')[1];
    let imageData = parts[1].split(',')[1];

    var img = new Buffer(imageData, 'base64');
    sharp(img)
        .resize(64, 64)
        .toBuffer()
        .then(resizedImageBuffer => {
            let resizedImageData = resizedImageBuffer.toString('base64');
            let resizedBase64 = `data:${mimType};base64,${resizedImageData}`;
            res.send(resizedBase64);
        })
        .catch(error => {
            // error handeling
            res.send(error)
        })
}