使用JavaScript将数据URI图像上传到Facebook

Question

我正在研究html5项目。 在这里，我得到了画布的快照，它是Data Uri格式的。 现在我想将此数据uri图像作为png图像文件上传到Facebook。 我尝试了几种方法。 但不幸的是，我无法找到正确的方法来做到这一点。 请帮帮我，谢谢

Answer 1

需要转换为Blob并以formdata的形式发布，导致facebook api很烂。 它在IE 9中无法正常运行，但在现代浏览器中却可以。 希望能帮助到你。

function dataURLToBlob(dataURL) {
var BASE64_MARKER = ';base64,';

if (dataURL.indexOf(BASE64_MARKER) == -1) {
    var parts = dataURL.split(',');
    var contentType = parts[0].split(':')[1];
    var raw = parts[1];

    return new Blob([raw], {
        type: contentType
    });
}

var parts = dataURL.split(BASE64_MARKER);
var contentType = parts[0].split(':')[1];
var raw = base64.decode(parts[1]); //window.atob(parts[1]);
var rawLength = raw.length;


var uInt8Array = new Uint8Array(rawLength);

for (var i = 0; i < rawLength; ++i) {
    uInt8Array[i] = raw.charCodeAt(i);
}

return new Blob([uInt8Array], {
    type: contentType
});

};