如何将图像转换成二进制格式使用javascript

How convert image into binary format using javascript

本文关键字：格式 javascript 二进制 图像 转换      更新时间：2023-09-26

根据图片url将图片转换为二进制。

我有URL:- "D:/MyProject/Image/image.jpg"。我想使用JavaScript将此"image.jpg"转换为二进制格式字符串。

找到一个base64编码到二进制的在线函数，如下所示:

function binEncode(data) {
    var binArray = []
    var datEncode = "";
    for (i=0; i < data.length; i++) {
        binArray.push(data[i].charCodeAt(0).toString(2)); 
    } 
    for (j=0; j < binArray.length; j++) {
        var pad = padding_left(binArray[j], '0', 8);
        datEncode += pad + ' '; 
    }
    function padding_left(s, c, n) { if (! s || ! c || s.length >= n) {
        return s;
    }
    var max = (n - s.length)/c.length;
    for (var i = 0; i < max; i++) {
        s = c + s; } return s;
    }
    console.log(binArray);
}

要使用该函数，您将使用base64字符串作为参数调用binEncode。

要将图像转换为base64编码的字符串，可以这样做:

var myCanvas = $('<canvas/>');
var myImageSrc = myCanvas.attr('src', 'http://www.google.com/imgres?imgurl=http://www.gettyimages.co.uk/gi-resources/images/Homepage/Category-Creative/UK/UK_Creative_462809583.jpg&imgrefurl=http://www.gettyimages.co.uk/&h=280&w=562&tbnid=Gd_Suvvlpe2UbM:&docid=tUvJ118IkhewgM&ei=kZjVVcXQO8np-QGkjoSYAQ&tbm=isch&ved=0CDIQMygAMABqFQoTCIXdpbqnt8cCFcl0PgodJAcBEw');
myCanvas.attr('src', myImageSrc);
var dataInBase64 = $(myCanvas)[0].toDataURL('image/png').replace(/data':image'/png;base64,/, '');

获取base64到binary:

binEncode(dataInBase64);
相关文章：