javascript - 如何在javascript中调整Base64图像的大小

Question

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

制作Canvas元素需要前端部分..等等，我只需要制作这个没有前端的过程

我使用的是 React Native，所以任何 React/Native、 Node 或原生 javascript 的解决方案都是可以接受的。

Answer 1

可能晚了，但希望能帮助到其他人。

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)
        })
}