Ajax 요청은 클라이언트 측에 JS에서 처리 할

Question

이것은 매우 일반적인 질문 :

나는 약간의 입력에 의존하는 처리가 수행 된 후에 만 ​​사용할 수 있습니다 서버에서 파일을 다운로드하고 싶습니다 AJAX 요청 (예 : jQuery 사용)을 통한 서버. 그러나, 나는 그 파일을 명시 적으로 브라우저에 다운로드하여 사용자에게 전달하고 싶지 않습니다.

동적 인 (특히 슬라이더를 사용하여 사용자가 수정할 수 있기 때문에) 자바 스크립트에서 클라이언트 측에서 만들고 싶은 일부 수치를 표시하기 위해이 파일을 사용하고 싶습니다. 백엔드로 장고를 사용하고 있습니다.

이 작업을 정확하게 수행하는 방법에 대한 생각/코드 또는 내가 생각하는 파이프 라인이 좋은 생각이 아닌 이유는 무엇입니까?

Answer 1

이 코드는 서버에서 blob로 사진을 검색 한 다음 필요시/필요할 때 SRC를 설정합니다.

 xmlhttp.open('GET', PHOTO_URL, true); 
     xmlhttp.responseType = 'blob'; 

     xmlhttp.onreadystatechange = function() { 
      if (xmlhttp.readyState == 4) { 
       if (xmlhttp.status == 200) { 
        var blob = xmlhttp.response; 
        photoImg.src = window.URL.createObjectURL(blob); 
        setTimeout(setOnCampusImage,0);  
       } else { 
        photoImg.src = 'unknown.png'; 
       } 
      } 
     }