Pdf.js: iFrame에 로드된 경우 PDF를 인쇄할 수 없음

버그 874200 의 중복일 수 있습니다.

이 문제를 우연히 발견하고 가능한 해결 방법을 원하는 사람을 위해(이 문제가 수정 없이 1년 이상 지속되어 왔다는 점을 고려할 때) 저는 결국 서버에서 PDF 이미지를 생성하기 위해 GhostScript와 함께 PHP의 ImageMagick을 사용하게 되었습니다. , 그런 다음 이 이미지 URL을 json 응답으로 다시 제공하여 그 결과를 간단하게 인쇄했습니다.

그러나 나를 알면 아마도 더 좋고 더 쉬운 방법이있을 것입니다 ...

about:config 에서 pdfjs.disabled=true로 설정했지만 pdf 시작 다운로드는 plugin.disable_full_page_plugin_for_types = application/pdf를 사용하는 경우 pdf를 다운로드할 수 없고 뷰어에서 볼 수 있다고 가정합니다.

적어도 Firefox에서는 그 이유를 알고 있다고 생각합니다. 위와 같은 간단한 예에서 Firefox DevTools를 사용하여 기본 페이지와 iframe 모두에서 document.domain 를 검사하면 document.domain 가 pdf.js 인 것을 발견했습니다. PDF.js 렌더러—따라서 브라우저의 교차 출처 제한이 시작됩니다.

또한 소스에서 PDF.js를 빌드하고 iframe을 web/viewer.html?file= 로 설정한 다음 iframe에 인쇄하도록 지시하면(OP에서와 같이) 제대로 작동했습니다.

PDF.js(적어도 Firefox에서 실행 중일 때)가 window.postMessage 와 같은 것을 통해 다른 창에서 메시지를 수락하는 방법이 있습니까? (저는 사용해 본 적이 없어서 이 유스 케이스에 적합한지 아닌지는 모르겠습니다.)

또 다른 관찰: iframe 의 onload 이벤트를 통해 인쇄를 트리거하기를 희망했지만 PDF가 아직 렌더링되지 않았습니다. 이를 확인할 수 있는 신뢰할 수 있는 방법이 있는지 확실하지 않습니까?

#5765를 보았지만 내장된 Firefox 버전이 아닌 PDF.js를 직접 실행하는 경우 연결할 수 있는 이벤트만 언급하는 것 같습니까?

나는 이것이 자바 스크립트를 사용하여 인쇄하기 위해 PDF 파일을 트리거하는 것과 같은 간단한 문제를 수행하는 것과 같은 문제에 당황했습니다. 이 문제는 현재 약 2년(아마 더 오래)으로 거슬러 올라갑니다.

_클라이언트 측_ 솔루션을 찾은 사람이 있습니까? @Petce 솔루션을 보았지만 해당 솔루션이 작동하지 않습니다.

숨을 참지 마세요 @Lynda333 , 이 문제에 대한 지원은 악명 높게 응답하지 않습니다. 내 생각에 진정한 유일한 선택은 기능에서 적절한 절충안을 찾는 것입니다. 본인과 다른 사람들이 귀하의 상황에 대해 자세히 알려주시면 가능한 해결 방법을 제시할 수 있습니다.

@Petce - 이 문제가 시작된 지 얼마나 되었는지 알 수 없습니다. 이 능력을 포함하지 않는 것은 우습게 보입니다. 나는 클라이언트와 이야기했고 이 사이트에 대한 접근 방식을 변경할 예정입니다. 1) PDF를 다운로드할 수 있고 2) 일부 PDF 콘텐츠를 HTML로 다시 만들고 사용자가 인쇄할 항목을 선택할 수 있도록 합니다. 만드는 데 시간이 더 걸리지만 작동합니다.

임베디드 iframe을 인쇄할 수 있는 사람이 있습니까? 방금 마지막 확장 버전을 설치하고 오류 권한이 거부되었습니다. 또한 일반 pdf 액세스에서 pdf 파일을 볼 수 없습니다.

이 커밋(및 pdfjs 데이터 파서 자체)의 코드를 사용하여 pdf를 임시 blob으로 다시 작성하고 인쇄 지침을 추가할 수 있습니다. https://github.com/mozilla/pdf.js/pull/6190/commits
blob을 소스로 사용하여 iframe을 만들고 인쇄를 시작합니다(즉, 인쇄 명령을 따르지 않는 것을 제외하고는 blob을 iframe에 전혀 로드하지 않습니다).
어쨌든 이것은 뷰어의 사용자 정의 버전을 아직 실행하고 있지 않다면 꽤 복잡합니다.
또는 서버나 pdf 데이터를 편집할 수 있는 곳이면 어디에서나 인쇄 지침을 추가할 수 있습니다.

재미있는 부분은 파이어폭스가 ​​그것을 필요로 한다는 것뿐입니다... 이 문제가 보고된 지 3년이 흘렀고 파이어폭스는 iframe contentWindow 액세스에 대해 불평하는 유일한 브라우저입니다.

이것은 나를 위해 일하는 것 같습니다

        setTimeout(function(){
            this.printIframeRef.contentWindow.document.getElementById('secondaryPrint').click()
        }.bind(this), 3000)

뷰어에 연결하는 이벤트나 방법을 찾을 수 없었지만 인쇄 버튼(저는 버전 1.4.20을 사용하고 있음)에서도 클릭을 트리거하면 인쇄되는 것 같습니다. settimeout을 통해 뷰어 시간을 로드할 수 있습니다.

Firefox에서 contentWindow에 액세스할 수 있습니까? 보안 문제가 발생하지 않습니까?

@paolocaminiti 동일한 도메인에서 모든 파일을 로드하고 있습니다. 그것은 나를 위해 작동하는 것 같습니다. Windows에서 IE 10 및 11, IE Edge, Chrome을 사용했습니다. 그리고 Ubuntu 14.04의 FireFox 38.

    handlePrintClick() {
        blurComponentRef(this.printButtonRef)
        this.printIframeRef.contentWindow.document.getElementById('secondaryPrint').click()
    }

    handlePrintLoad() {
        this.printIframeRef.contentWindow.addEventListener("documentload", function(){
            this.setState({canPrint: true})
        }.bind(this));
    }

원격에서 pdf를 다시 로드하고 있으며 결과는 동일한 도메인입니다.
chrome/opera/safari에서 다음을 사용하고 있습니다.

function directPrint () {
  PDFViewerApplication.pdfDocument.getData().then(function(res) {
    var b = URL.createObjectURL(new Blob([res], { type: 'application/pdf' }))
    var printFrame = document.getElementById('print-frame')
    if (!printFrame) {
      printFrame = document.createElement('iframe')
      printFrame.id = 'print-frame'
      printFrame.src = b
      document.body.appendChild(printFrame)
    }
    setTimeout(function () {
      printFrame.contentWindow.print()
      // ...dispose iframe and blob.
    }, 0)
  })
}

로컬 데이터를 사용하여 blob을 만든 다음 print를 호출하기만 하면 setTimeout 0을 사용하면 iframe이 첨부될 수 있습니다.

불행히도 firefox는 blob이 있는 contentWindow를 허용하지 않지만 인쇄 명령이 있는 blob은 자체적으로 인쇄합니다.

예를 들어 로컬 데이터를 사용하는 솔루션은 없지만 pdf 데이터를 라우팅하기 위해 한 소유 서버에 프록시가 있으면 모두 동일한 도메인에 있고 코드를 적용할 수 있습니다.

안녕하세요,

"res"은(는) 무슨 뜻인가요? 그리고 PDFViewerApplication은 PDF.js에서 제공됩니까?

감사 해요,

예, PDFViewerApplication은 pdfjs의 PDFViewer 빌드에서 제공되며 소스는 /web 디렉토리 아래에 있습니다. 업데이트할 때 마스터 리포지토리를 더 쉽게 병합할 수 있도록 새 빌드를 수정해야 합니다...

res는 getData에 의해 다시 전달된 인수이며 pdf 파일의 바이트 랩 표현이어야 합니다. 여기에서 추가 네트워크 요청 없이 로드할 로컬 blob url을 빌드하는 데 사용됩니다.

위의 코드와 같은 작업을 수행하려는 경우 약간 정리할 수 있습니다.

function directPrint () {
  var printFrame = document.getElementById('print-frame')
  if (printFrame) {
    printFrame.contentWindow.print()
  } else {
    PDFViewerApplication.pdfDocument.getData().then(function(res) {
      var src = URL.createObjectURL(new Blob([res], { type: 'application/pdf' }))
      printFrame = document.createElement('iframe')
      printFrame.id = 'print-frame'
      printFrame.style.display = 'none'
      printFrame.src = src
      document.body.appendChild(printFrame)
      setTimeout(function () {
        printFrame.contentWindow.print()
      }, 0)
    })
  }
}

결국 나는 iframe을 처분해야 할 때를 이해하기가 복잡하기 때문에 폐기하지 않기로 선택했습니다. pdf가 중간에 변경될 수 없다고 가정하고 사용자가 인쇄할 때마다 그대로 두고 재사용합니다.

도움이 되기를 바랍니다.

@newguy 다른 독자들을 위해 이 스레드를 명확히 하기 위해 우리는 상당히 다른 일을 하고 있는 것 같습니다.
기본 브라우저 pdf 뷰어를 사용하여 전체 품질로 인쇄하려고 합니다.
볼 수 있는 iframe에서 PDFjs 뷰어를 로드하고 호스트 응용 프로그램에서 인쇄를 제어하고 있습니다.

iframe에 스크립트를 삽입하고 함수로 호출하는 @paolocaminiti 를 달성하려고 시도했지만 지금은 "offsetParent가 설정되지 않았습니다 -- 스크롤할 수 없습니다"라는 메시지가 표시되기 때문에 재미있습니다. 😢. 크롬 키오스크 인쇄를 사용하고 이것을 잊어 버렸습니다.

현재까지 어떠한 해결책도 제시되지 않음

여전히 서버 측 솔루션이 필요합니까, 아니면 이 주제에 대해 진전이 있습니까? pdf-js에서 PDFPrintService 를 사용할 수 있습니까? 이것이 기능적 해결 방법이 될까요? 그렇다면 전체 pdf 뷰어를 사용하지 않고 어떻게 이 서비스를 사용할 수 있습니까?

수정: https://bugzilla.mozilla.org/show_bug.cgi?id=911444