将图像 src 数据：转换为 Uint8Array

我想使用（异食癖图书馆）用于调整图像大小，但它要求我提供一个 Uint8Array 并且我只有一个带有

src = 'data:image/jpeg;base64,/9j/4AAQ...'

我不知道如何将其变成 Uint8Array，有什么想法吗？
Thanks

您需要将图像应用到画布上并使用getImageData().

这是一个如何完成此操作的简单示例：

//create canvas, set base64 test img
var canvas = document.createElement('canvas'),
    ctx = canvas.getContext('2d'),
    base64 = 'data:image/jpeg;base64...'; //base64 string

//size canvas
canvas.width = 34,
canvas.height = 34;

//create image, set src to base64 and onload draw to canvas
var image = new Image();
image.onload = (function(canvas, ctx){
    return function(){
        ctx.drawImage(this, 0, 0);

        //now we can finally get a Uint8ClampedArray
        var imageData = ctx.getImageData(0, 0, 34, 34);
        console.log(imageData.data);
    };
})(canvas, ctx);
image.src = base64;

jsfiddle