애플 리케이션을 개발하고 자바 스크립트의 메서드 'jsonp'를 사용하여 데이터를 저장하는 서버와 동일한 서버에 있지 않으므로 PHP & MYSQL 서버로 데이터를 보내고 가져옵니다.jsonp를 사용하여 이미지를 서버로 보내려면 어떻게해야합니까?
jsonp와 동일한 방법 ( )을 인코딩하거나 바이너리 또는 다른 것을 사용하여 해당 서버로 이미지를 보낼 수 있습니까?
애플 리케이션을 개발하고 자바 스크립트의 메서드 'jsonp'를 사용하여 데이터를 저장하는 서버와 동일한 서버에 있지 않으므로 PHP & MYSQL 서버로 데이터를 보내고 가져옵니다.jsonp를 사용하여 이미지를 서버로 보내려면 어떻게해야합니까?
jsonp와 동일한 방법 ( )을 인코딩하거나 바이너리 또는 다른 것을 사용하여 해당 서버로 이미지를 보낼 수 있습니까?
이미지를 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);
으로하지만 필요가 없습니다 : 당신은이 라인 클라이언트 측면을 따라 뭔가를 할 것입니다.
유스 케이스는 무엇인지 모르지만 이미지 링크를 사용하지 않는 이유는 무엇입니까?
감사합니다. 내가 원했던 대답입니다 ...하지만 하나 이상의 파일을 업로드하면 문제가 될 것입니다. 정말 고마워요. –
jsonp를 사용하여 이미지를 스트리밍 할 수 없습니다. 당신은 두 가지 대안이 iframe trick 사용할 수 있습니다
아니면 JSON 문자열에서 당신이 크기를 파일로 제한하려는 이미지를 이미지베이스 (64)를 인코딩 할 경우 WebSocket을
를 사용할 수 있습니다.
대신 CORS를 사용해야합니다. – SLaks