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

Question

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

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

};