다양한 브라우저에서 JavaScript의 바이너리 문자열로 PDF 파일을 작성하는 방법은 무엇입니까?

JavaScript의 바이너리 문자열에서 PDF 파일 만들기

소개

JavaScript에서 받은 바이너리 문자열에서 PDF 파일 만들기 웹 서비스는 많은 웹 애플리케이션에서 유용한 작업이 될 수 있습니다. 그러나 data:uri를 사용하여 IE9 및 Firefox와 같은 브라우저에 바이너리 데이터를 포함하면 문제가 발생할 수 있습니다. 이 기사에서는 다양한 브라우저에서 작동하는 솔루션을 살펴봅니다.

솔루션: 파일 시스템 생성

원래 포스터에서 언급했듯이 한 가지 솔루션은 파일에 PDF 파일을 생성하는 것입니다. 시스템을 다운로드하고 사용자에게 다운로드하라는 메시지를 표시합니다. 이 접근 방식은 다양한 브라우저와의 호환성을 보장합니다.

구현

이 솔루션을 구현하려면 다음 단계를 사용할 수 있습니다.

1. 구성 responseType = "blob"을 사용하는 XMLHttpRequest.
2. XMLHttpRequest의 로드 이벤트를 처리하여 응답을 Blob 개체로 검색합니다.
3. PDF 파일을 나타내기 위해 Blob 개체에서 objectURL을 생성합니다.
4. 앵커 요소()를 생성하고 해당 href 속성을 objectURL로 설정하고 속성을 원하는 파일 이름으로 다운로드합니다.
5. 앵커 요소를 문서 본문에 추가하고 클릭하여 사용자에게 파일을 다운로드하라는 메시지를 표시합니다.
6. 불필요한 리소스가 유지되는 것을 방지하려면 다운로드가 완료된 후 앵커 요소를 제거하세요.

다음은 코드 예입니다.

<code class="javascript">var request = new XMLHttpRequest();
request.open("GET", "/path/to/pdf", true);
request.responseType = "blob";
request.onload = function (e) {
  if (this.status === 200) {
    var file = window.URL.createObjectURL(this.response);
    var a = document.createElement("a");
    a.href = file;
    a.download = this.response.name || "detailPDF";
    document.body.appendChild(a);
    a.click();
    window.onfocus = function () {
      document.body.removeChild(a);
    };
  }
};
request.send();</code>

결론

이 솔루션을 사용하면 IE, FF, Opera, Chrome 및 Safari와 같은 브라우저에서 작동하는 방식으로 바이너리 문자열에서 PDF 파일을 작성할 수 있습니다. PDF 다운로드를 처리하는 안정적인 방법입니다.

위 내용은 다양한 브라우저에서 JavaScript의 바이너리 문자열로 PDF 파일을 작성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!