2016-11-28 4 views
1

애플 리케이션을 개발하고 자바 스크립트의 메서드 'jsonp'를 사용하여 데이터를 저장하는 서버와 동일한 서버에 있지 않으므로 PHP & MYSQL 서버로 데이터를 보내고 가져옵니다.jsonp를 사용하여 이미지를 서버로 보내려면 어떻게해야합니까?

jsonp와 동일한 방법 ( )을 인코딩하거나 바이너리 또는 다른 것을 사용하여 해당 서버로 이미지를 보낼 수 있습니까?

+4

대신 CORS를 사용해야합니다. – SLaks

답변

2

이미지를 base64로 인코딩하여 문자열로 보낼 수 있습니다. @SLaks가 대신 JSONP의 엔드 포인트에 대한 CORS 헤더를 사용하는 것이 그의 의견에 암시

var the_file = new Blob([window.atob(base_64_string)], { type: 'image/png', encoding: 'utf-8' }); 
var fr = new FileReader(); 
fr.onload = function (oFREvent) { 
    var v = oFREvent.target.result.split(',')[1]; 
    v = atob(v); 
    var good_b64 = btoa(decodeURIComponent(escape(v))); 
    img.src = "data:image/png;base64," + good_b64; 
    img.onload = function() { 
     //do stuff here 
    }; 
}; 
fr.readAsDataURL(the_file); 

으로하지만 필요가 없습니다 : 당신은이 라인 클라이언트 측면을 따라 뭔가를 할 것입니다.

유스 케이스는 무엇인지 모르지만 이미지 링크를 사용하지 않는 이유는 무엇입니까?

+0

감사합니다. 내가 원했던 대답입니다 ...하지만 하나 이상의 파일을 업로드하면 문제가 될 것입니다. 정말 고마워요. –

1

jsonp를 사용하여 이미지를 스트리밍 할 수 없습니다. 당신은 두 가지 대안이 iframe trick 사용할 수 있습니다

아니면 JSON 문자열에서 당신이 크기를 파일로 제한하려는 이미지를 이미지베이스 (64)를 인코딩 할 경우 WebSocket을

를 사용할 수 있습니다.