자바 스크립트의 httprequest 및 이진 데이터

Question

jpg 이미지를 나타내는 바이너리 데이터 스트림 인 httprequest의 응답을 많이 읽은 후에도 여전히 어려움을 겪고 있습니다.

편집 : 나는 IE8을 사용하고있는 모든 일

xmlhttp = false; 
     /*@cc_on@*/ 
     /*@if (@_jscript_version >= 5) 
     // JScript gives us Conditional compilation, we can cope with old IE versions. 
     // and security blocked creation of the objects. 
     try { 
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); 
     } catch (e) { 
      try { 
       xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
      } catch (E) { 
       xmlhttp = false; 
      } 
     } 
     @end@*/ 
     if (!xmlhttp && typeof XMLHttpRequest != 'undefined') { 
      try { 
       xmlhttp = new XMLHttpRequest(); 
      } catch (e) { 
       xmlhttp = false; 
      } 
     } 
     if (!xmlhttp && window.createRequest) { 
      try { 
       xmlhttp = window.createRequest(); 
      } catch (e) { 
       xmlhttp = false; 
      } 
     } 

     xmlhttp.open("GET", theUrl, true); 
     xmlhttp.onreadystatechange = function() { 
      if (xmlhttp.readyState == 4) { 

       var headers = xmlhttp.getAllResponseHeaders(); 
      } 
     } 

     xmlhttp.send(null); 

하고 (또한 FF12에서 재판)없이 HTML 5 그래서 난 항상

xhr.overrideMimeType('text\/plain; charset=x-user-defined'); 

나처럼 뭔가 오류와 끝까지

xhr.responseType = "arraybuffer"; 

변수로 복사해도 작동하지 않습니다.

var body = xhr.response; //.responseText , .responseBody 

아이디어가 잘못되었거나 시도 할 수 있습니다.

Answer 1

this example은 클라이언트 측에서 이진 JPEG를 읽고 EXIF ​​데이터를 구문 분석했습니다. 그것은 BinFileReader.js을 사용하여 이진 데이터, 크로스 브라우저를 다루기가 정말 쉽습니다. Here is the whole thing in a zip file, 노드 기반 웹 서버 (노드 server.js와 함께 실행)를 포함하여 web-worker example도 포함되었습니다.

그냥 이진 스트림에서 이미지를 만드는 중이라면 <img src="blah" />을 DOM에 추가하는 것이 좋을까요?

$('body').append('<img src="' + URL + '"/>');