자바 스크립트를 사용하여 Facebook에 데이터 URI 이미지 업로드

Question

나는 html5 프로젝트를 진행 중입니다. 여기에서는 캔버스의 스냅 샷을 얻었으며 데이터 Uri 형식으로되어 있습니다. 지금 나는 png 이미지 파일로 페이스 북에이 데이터 uri 이미지를 업로드하고 싶다. 몇 가지 방법을 시도했다. 하지만 불행히도 나는 이것을 할 올바른 방법을 찾지 못했습니다. 도와주세요, 고마워요

Answer 1

blob로 변환하고 formdata로 게시해야 facebook api sucks가 발생합니다. Internet Explorer 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 
}); 

}};