Pdf.js: pdf.js의 디지털 서명

현재이 기능을 구현할 계획은 없습니다. 우리는 그것이 많이 나오는 것을 보지 못했기 때문에 우선 순위가 아닙니다. 우리는 항상 더 많은 기여자를 찾고 있으므로이 기능을 추가 할 패치를 환영합니다. 추가에 관심이 있으시면 IRC 채널 (#pdfjs irc.mozilla.org)에 들르셔도됩니다.

Brendan

안녕하세요

이 기능의 구현에 대한 현재 상태는 무엇입니까?

감사

@ fermo111 아직 구현되지 않았지만이 작업을 기꺼이 수행 할 사람을 코치하게되어 기쁩니다.

@yurydelendik pdf.js 에서 PDF 파일의 디지털 서명을 표시하는 기능을 구현하는 데 관심이 있습니다. 어떻게 연락 할 수 있습니까?

@wolvz IRC irc.mozilla.org 채널 #pdfjs (가장 간단합니다)에서 저를 찾거나 공개 회의 에 참여하여 작업을 조정하십시오.

pdf.js에서 디지털 서명을 지원하기 위해 annotation.js에서 SigWidgetAnnotation (예 : TextAnnotation, LinkAnnotation)을 구현하려고합니다.
서명이 pdf 뷰어에 표시되고 DER로 인코딩 된 PKCS7 개체에 포함 된 인증서를 이미 추출하고 확인할 수 있습니다.
이제 파일의 메시지 다이제스트를 확인하는 다음 단계로 이동합니다.
이를 위해 파일 내용에 대한 액세스 권한이 필요합니다 ... annotation.js에서 액세스 할 수 있는지 여부는 알 수 없지만 알아낼 수는 없습니다. 내가 할 수있는 최선은 다음을 사용하여 core.js의 내용을 가져 오는 것입니다.

var contentStreamPromise = this.pdfManager.ensure (this, 'getContentStream', []);
var dataPromises = Promise.all ([contentStreamPromise]);
dataPromises.then (function (data) {
var contentStream = 데이터 [0];
var contents = contentStream.str.bytes;
반환 내용;
});

누군가 annotation.js에서 파일 내용을 얻는 가장 좋은 방법이 무엇인지 알려 주시겠습니까?
미리 감사드립니다 ...

https://forums.adobe.com/message/6660799

wolvz,
이와 관련하여 어떤 진전이 있습니까?

트윗 담아 가기
디지털 서명 표시 기능에 매우 관심이 있습니다. wolvz의 리포지토리를 복제하고 코드를 빌드했지만 사용하려고하면 "require is not defined"오류와 함께 promise 거부가 표시됩니다. 누구든지 그 오류의 원인과 해결 방법을 설명 할 수 있습니까? 또한이 기능에 대한 작업을 계속할 의향이 있습니다. iText 라이브러리를 통해 Java에서 pdf로 작업했지만 javascript로 작업하는 것은 이전에 시도한 적이없는 작업입니다. 누군가가 나를 올바른 방향으로 안내 할 수있는 문서 / 튜토리얼로 안내하여이 기능을 필드 아래로 이동하려고 할 때 어디서부터 시작해야하는지 알아낼 수 있습니까?

혼란 스럽습니다. pdfJS에서 디지털 서명 pdf를 표시하려면 pdf.js 라이브러리에서해야 할 일

이 서명과 인증서는 모두 pdf로 표시되지만 pdf.js로 열면 표시되지 않습니다.

@ mrpandya007 , 개발자가 서명 확인 기능이 작동 할 때까지 숨기도록 선택했기 때문에 디지털 서명이 표시되지 않습니다.
내가 기억하는 경우, 단순히 표시되기를 원하면 여기에 389 ~ 392 행을 주석 처리해야합니다. https://github.com/mozilla/pdf.js/blob/master/src/core/annotation.js#L389
그래도 확실하지 않으며 지금은 테스트 할 수 없습니다.

@wolvz , 응답에 대한

저에게 대답 해주세요 .... 제가해야 할 일 .. 테스트 할 pdf를 드릴 수 있습니다.

아직 디지털 서명에 대한 좋은 지원이 없으므로이를 구현해야합니다.

우리는 당신의 lib에 의존하기 때문에 디지털 서명 문제를 해결하는 데 며칠이 걸릴 것입니다.

이 기능은 누군가가 개발해야하고 현재 우선 순위가 더 높은 문제가 있으므로 시간이 오래 걸릴 수 있습니다.

파일을 다운로드 한 후 pdf.js에서만 제목에 "="로그인 문제가 발생하는 이유는 무엇입니까?
어떤 해결책이라도주세요. telerik에서 생성 된 pdf에서만 발생합니다.

@ mrpandya007 다른 이슈 안에 관련없는 이슈를 게시하지 마십시오. 해당 문제에 대해 별도의 문제를 엽니 다.

나도 같은 문제가 발생했습니다. 서명 유효성 검사가 반드시 필요한 것은 아니지만 제 경우에는 서명 이미지 만 표시하기에 충분할 것입니다. 이미지를 표시하지 않는 대신 서명 유효성 검사가 구현 될 때까지 이미지를 표시하고 "서명 유효성 검사가 구현되지 않았습니다. 서명 상태를 알 수 없음"과 같은 작은 텍스트로 주석을 추가하는 것이 좋습니다. 그래서 적어도 시각적으로 pdf는 당신이 기대하는 것을 보여줄 것입니다.

이 문제가 언제 해결 될지에 대한 일정이 있습니까? 아니면 다른 제품을 고려해야합니까?

내가 아는 한 아무도이 작업을 수행하지 않으므로 누군가이 작업을 수행 할 의향이 있다면 PR을 제출해 주시기 바랍니다.

안녕하세요,
디지털 서명 필드 만 표시 할 수있는 PDF.JS 버전은 많은 사용자에게 충분해야합니다.이 작업을 수행 할 수있는 "포크"가 있습니까?
문안 인사

@DORNINEM 서명 주석을 숨기는 코드를 주석 처리하면됩니다.
그러나 어쨌든 여기에 요청한 포크가 있습니다. https://github.com/wolvz/pdf.js

@wolvz !! 감사합니다.
이 기능이 공식 버전에없는 이유가 궁금합니다. 서명 된 PDF 파일 중 일부 (1-6 개의 다른 서명 필드)로 테스트했는데 결과는 완벽합니다!
진짜 필요는 서명의 유효성을 검사하는 것이 아니라 이러한 필드를 표시하는 것입니다. 서명 유효성 검사는 로컬 인증서 저장소에 설치되지 않은 인증서가 필요할 때가 있으므로 서버 측에서 가장 잘 수행됩니다.

안녕하세요,

누군가가 pdf.js가 디지털 서명을 표시 할 수 있도록 우리가 주석을 달거나 주석을 제거해야하는 줄을 설명 할 수 있습니까?

모든 정보에 감사드립니다 :)

@maximlefebvre https://github.com/wolvz/pdf.js/commit/7df3f4fe6e21b888358fd7718cb15e3c266ba066 에 따르면 PDF.js가 서명을 표시하기에 충분해야합니다. 그러나 이것은 PDF.js 팀에서 안정적인 솔루션으로 확인되지 않았으므로 (따라서 아직 공식 코드베이스에없는 이유) 임시 솔루션으로 작동 할 수 있습니다.

서명 확인을 구현하는 데 관심이 있습니다. @wolvz가이 작업을 시작했지만 완료하지 않은 것 같습니다. 우리가 작업 할 수있는 부분 코드가 있습니까?

@wolvz , 귀하의 저장소를 이해하기 위해 작은 메모를 작성하여 도움을 주시겠습니까? 코드 확인을 시작하는 방법을 이해할 수 없습니다. 우리는 서명을 구현하려고 노력하고 있으며 귀하의 프로젝트를 완료하고 커뮤니티를 도울 수 있습니다.

https : // pkijs를 사용하여 브라우저에서 PDF의 서명 및 서명 확인을 모두 구현했습니다 https://pkijs.org/examples/PDFexample.html 우리는 아직 PDFjs와 통합되지 않았지만 그렇게 멀지 않은 미래에 그렇게 할 것입니다. 우리의 의도는 이것의 대부분을 OSS로 출시하고 원활한 통합을 위해 필요한 PDFjs의 변경 사항을 되돌려주는 것입니다.

감사합니다 @rmhrisk! 그러나 CA 번들 파일을 만드는 방법을 잘 모르겠습니다. 그렇게하는 방법에 대한 자세한 내용이 있습니까? 이것이 pdf.js와 통합 될 때 기본적으로 Adobe Root CA와 함께 제공되고 인증서 체인을 확인할 수있는 "플러그 앤 플레이"가 더 많을 것이라고 생각합니다. 맞습니까? 그리고 pdf.js 통합에 대한 예상 타임 라인이 있습니까? 귀하의 작업은 대단히 감사합니다!

여기에는 http://curl.haxx.se/ca/cacert.pem이 있고 다른 하나는 샘플 아래의 저장소에 체크인되었습니다.

여기에 만들 수있는 도구가 있습니다 : https://github.com/PeculiarVentures/tl-create

지금은 ETA를 공유 할 수 없습니다. 리소스가 제한되어 있으며 이는 우리에게 중요하지만 더 복잡한 부분을 먼저 완료해야합니다.

링크 한 인증서와 Adobe Reader를 사용하여 PDF에서 추출하려고 시도한 인증서를 시도했지만 항상 "TypeError : Cannot read property 'signature_time_stamp'of undefined"오류가 발생합니다 (Safari / Chrome stable / Chrome 카나리아).

이번 주에 시간이 좀있을 테니 pdf.js로 병합하는 데 어떤 식 으로든 도움을 줄 수 있는지 알려주세요.

이 샘플은 현재 기본 서명 만 지원하며 타임 스탬프 또는 LTV는 지원하지 않습니다. unmitigatedrisk dot com의 rmh에서 저에게 핑을 보내주세요.

아, 알겠습니다. 참고로, 마침내이 CA 번들 과이 PDF 파일을 사용하여 Chrome / Firefox에서 작동하도록했습니다 (그러나 Safari는 접두사 가

그렇습니다. 접두사 문제뿐만 아니라 netflix drm 사례를 처리하기에 충분한 webcrypto 만 지원합니다. 예를 들어 생성 한 키 쌍에 대한 공개 키를 내보낼 수 없습니다!? 이 브라우저 지원을 verifing위한 좋은 자원이다 - https://diafygi.github.io/webcrypto-examples/

@viveksjain Chrome / Firefox에서 어떻게 작동하는지 확인할 수 있습니까?

firefox에서 개발 플러그인을 사용해 보았지만 여전히 서명을 표시하지 못하는 것 같습니다.
http://mozilla.github.io/pdf.js/extensions/firefox/pdf.js.xpi

@complience 그는 https://pkijs.org/examples/PDFexample.html 에있는 샘플 코드를 받았습니다.

안녕하세요 @complience , https://github.com/viveksjain/pdf.js/tree/sig-verify-support 에서 작업하는 개념 증명이 git clone --recursive https://github.com/viveksjain/pdf.js.git 를 사용하여 시도해 볼 수 있습니다. 조금 더 작업하면이 리포지토리에 대한 풀 리퀘스트를받을 준비가 된 것입니다.하지만 아직 시간이 없었습니다.

트윗 담아 가기 풀 리퀘스트를 준비하기 전에 여전히 필요한 것은 무엇입니까?

+1이 기능을 사용하게되어 기쁩니다.

예, 이것은 많은 사용 사례에 대한 문을 열어 커뮤니티에 큰 가치를 추가 할 것입니다. 감사합니다!!

이 기능에 대한 +1

이 기능에 대한 +1

위의 모든 사람들에게 여기에 댓글을 추가하는 대신 GitHub의 새로운 +1 반응 버튼을 사용하시기 바랍니다.

이 기능에 대해 + 1

이 기능에 대해 👍 + 1

다시 한 번, 상단 댓글에있는 GitHub의 반응 버튼을 사용하여이 기능을 찬성하면 문제의 우선 순위를 정하는 데 도움이됩니다. "+1"주석을 추가하면 개발자에게 불필요한 알림이 발생합니다.

@viveksjain 분기를 사용하여 "TypeError : Cannot read property 'signature_time_stamp'of undefined"

+1. 이 기능을 기다리고 있습니다! ..

이 기능을 언제 사용할 수 있습니까? 비 벡스자인의 발전은 어떻게 되었습니까?

@complience 안녕하세요, https://github.com/viveksjain/pdf.js/tree/sig-verify-support 에서 작업하는 개념 증명이 https://github.com/viveksjain/pdf.js.git 을 사용하여 시도해 볼 수 있습니다

@lexcorp 불행히도 이것은 이전 메시지 이후에 저에게 낮은 우선 순위가되었습니다. 내가 돌아갈 수 있는지 볼게요,하지만 내가 지킬 수없는 약속은하지 않을 거에요 ...

이 버전을 컴파일하려고합니다 : https://github.com/viveksjain/pdf.js/tree/sig-verify-support
명령을 입력 할 때 : node make generic
다음 메시지가 표시됩니다. ### 확장 빌드 번호 가져
그리고 컴파일 과정이 수행되지 않습니다

이 오류를 어떻게 해결할 수 있습니까?
내가 뭘 잘못하고 있니?
컴파일을 끝내지 않겠습니까?

@lexcorp 여전히 관심이 있다면 적어도 내 버전은 컴파일하기에 충분히 업데이트됩니다. : +1 :

안녕하세요 Vivek, 네, 여전히 관심이 있습니다. 감사합니다 ...

2016-12-12 12:55 GMT-06 : 00 Gustavo Zambonin [email protected] :

@lexcorp https://github.com/lexcorp 아직 관심이 있으시면
적어도 내 버전은 컴파일하기에 충분히 업데이트되었습니다. 👍

—
당신이 언급 되었기 때문에 이것을 받고 있습니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/mozilla/pdf.js/issues/1076#issuecomment-266518165 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AFfB-LbmIVIrJLnxwJlm8aDITDKh5tWLks5rHZi5gaJpZM4BlvMP
.

안녕 Gustavo, 고마워 ...

2016-12-12 12:55 GMT-06 : 00 Gustavo Zambonin [email protected] :

@lexcorp https://github.com/lexcorp 아직 관심이 있으시면
적어도 내 버전은 컴파일하기에 충분히 업데이트되었습니다. 👍

—
당신이 언급 되었기 때문에 이것을 받고 있습니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/mozilla/pdf.js/issues/1076#issuecomment-266518165 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AFfB-LbmIVIrJLnxwJlm8aDITDKh5tWLks5rHZi5gaJpZM4BlvMP
.

디지털 서명에 대한 지원이 pdf.js로 가져 오지 않는 이유에 대한 문제가 있습니까?

# 7702의 논의를 따르십시오.

PDFjs에서 서명 확인을위한 사용 사례에 대해 사람들의 의견을 듣고 싶습니다. 사용 사례와 함께 ryan (peculiarventures.com)으로 이메일을 보내주십시오.

또한 PDFjs 로그인에 대한 사용 사례를 듣고 싶습니다. 해당 시나리오에 관심이 있다면 사용 사례도 듣고 싶습니다.

pdf.js의 sig-verify-support 브랜치는 IE를 지원하지 않으며 파이어 폭스는 완벽하게 WebCrypto를 얻을 수 없습니다. 처리 할 아이디어가 있습니까?

https://github.com/PeculiarVentures/webcrypto-liner/blob/master/BrowserSupport.md 를 사용할 수 있습니다.

안녕하세요 여러분-디지털 서명 확인이 이미 작동하고 있습니까?

동일한 질문 : 디지털 서명은 https://mozilla.github.io/pdf.js/getting_started/#download 에서 다운로드 할 수있는 최신 안정 빌드에서 작동해야합니까?

FWIW : 현재 사용 가능한 베타 릴리스를 테스트했는데 서명이 보이지 않습니다. 내가 눈에 띄는 유일한 것은 브라우저 콘솔의 다음 줄입니다.

Warning: Unimplemented widget field type "Sig", falling back to base field type

아니요, 디지털 서명은 아직 구현되지 않았습니다. 이것에 대해 기꺼이 일하고 싶은 사람은 누구나 풀 요청을 제출할 수 있습니다. 감사.

이 기능에 대한 작업을 원합니다. 누군가 나에게 PDF.js의 내부 구성 요소에 대한 지침을 줄 수 있습니까?

위에서 언급 한 몇 가지 초기 작업을 사용할 수 있습니다. 코드 스타일 및 테스트 지침에 대해서는 위키를 읽으십시오.

@wolvz : 안녕하세요

대부분의 사용자는 안정적인 버전 파일을 사용합니다.

Mozilla Firefox 59 ESR이 출시 될 때 Adobe Acrobat 플러그인이 더 이상 사용되지 않으므로 이제 디지털 서명 표시와 같은 기능이 기업 사용자를 위해 pdf.js에 실제로 필요합니다.

디지털 서명을 확인하고 생성 할 수있는 PKIjs 및 PDFjs 기반의 디지털 서명 솔루션을 구현했습니다. 여기 에서 미국 디지털 서명법을 보는 예를 볼 수 있습니다.

뷰어는 현재 eIDAS 신뢰 목록에있는 CA와 Mozilla 신뢰 S / MIME 발급자를 신뢰합니다.

문제가 발생하면 샘플 파일이있는 경우 [email protected] 으로 이메일을 보내주십시오.

@rmhrisk 샘플 코드와 함께 github 저장소를 제공 할 수 있습니까?

@xrkolovos 작업을 서명하고 확인하는 데 필요한 대부분의 작업은 오픈 소스입니다. 여기에는 https://github.com/PeculiarVentures/PKI.js , https://github.com/PeculiarVentures/ASN1.js , https://github.com/PeculiarVentures/xadesjs/ , https://github.com이 포함됩니다. / PeculiarVentures / tl-create 및 https://github.com/PeculiarVentures/webcrypto-liner.

또한 PDF에서 허용하는 다양한 유형의 서명을 만들 수 있도록 자체 PDF 라이브러리를 만들었습니다 (우리는 렌더링에 PDFjs를 사용하지만). 이 라이브러리는 결국 공개되지만 현재로서는 공개적으로 사용할 준비가되지 않았습니다.

뷰어의 소스는 공개되지 않지만 위의 라이브러리를 사용하면 누군가 자신의 뷰어에서 검증을 재현 할 수 있습니다. 여기에이를 수행하는 방법에 대한 기본 예가 있습니다. https://pkijs.org/examples/PDFexample.html 뷰어에 통합하기 만하면됩니다.

언제 pdf.js와 병합됩니까?

@Aarbel 이 시점에서 언제 우리가 가지고있는 것을 리팩토링 할 시간을 찾을 수 있을지 모르겠지만 쉽게 병합 할 수 있지만 PDFjs에서 자신을 찾는 것을 확인하고 싶습니다. PDFjs 팀은 이전에 필요한 종속성으로 인해이 기능이 나타내는 크기에 대해 우려를 표명했습니다. 이것이 우려되는 한이 작업을 수행하는 데 엔지니어링 시간을 소비하는 것은 의미가 없습니다.

IMHO, Firefox 59 (ESR)가 출시되기 전에 구현하지 않으면 Chrome 또는 Edge가 디지털 서명을 읽을 수 있다면 기업에서 Firefox의 종말을 의미합니다.

@FrenchHope Firefox의 크롬은 디지털 서명을 확인할 수 없습니다.

이 기능에 대한 업데이트가 있습니까?

트윗 담아 가기 :)

https://github.com/mozilla/pdf.js/pull/7702#pullrequestreview -4866355에서 설명했듯이 첫 번째 단계는 사용자 지정 PKI / crypto를 PDF.js와 통합 할 수있는 추상 API를 만드는 것입니다.

@rmhrisk Chrome 사용자는 신경 쓰지 않습니다. 저는 Firefox 기업 사용자를 염려합니다. Firefox가 더 이상 Adobe Acrobat Reader 플러그인으로 디지털 서명을 확인할 수없는 경우 많은 사람들이 Edge 브라우저 또는 Internet Explorer를 사용할 것입니다.

많은 회사가 이제 Windows 10으로 마이그레이션합니다 ...

Edge 나 IE도 마찬가지입니다.

@rmhrisk IE는 Adobe Acrobat Reader ActiveX를 사용할 수 있습니다.

edit : Edge는 디지털 서명을 표시 할 수 있지만 Adobe Acrobat Reader처럼 서명의 유효성을 알려주지 않습니다.

ActiveX는 더 이상 사용되지 않으며 결국 작동하지 않습니다.

Edge 디지털 서명에 눈이 내리지 않아 서명 상태에 관계없이 주석에 이미지를 표시합니다.

안녕하세요,이 기능의 현재 상태는 무엇입니까?

현재 작업 중이 아니지만 최근에 누군가 IRC에서 위의 코드에 관심을 보였습니다. 첫 번째 단계는 실제로 https://github.com/mozilla/pdf.js/issues/1076#issuecomment -374244765입니다.

안녕하세요, Dic 2018 또는 2019 년과 같은 API 출시 예정일이 있습니까?
그런데 pdf 뷰어에 감사드립니다.

위에서 언급 한 간단한 수정 사항을 구현하고 싶었습니다. 다음 줄을 주석 처리합니다.

// Hide signatures because we cannot validate them.
          if (data.fieldType === 'Sig') {
              _this2.setFlags(AnnotationFlag.HIDDEN);
          }

그러나 이로 인해 콘솔에 오류가 발생합니다 (util.js : 418에서). 누구든지이 문제의 원인을 알고 있습니까 (지금 서명이 표시된다는 사실 제외)?

오류:

Uncaught (in promise) DOMException: Failed to execute 'postMessage' on 'DedicatedWorkerGlobalScope': function nonSerializableClosure() {
          return nonSerializable; // creating closure on some variable
        } could not be cloned.
    at eval (http://localhost:8888/src/shared/util.js:418:20)

안녕하세요.
나는 노력했고 당신이 주석을 달면

 if (data.fieldType === 'Sig') {
      warn('unimplemented annotation type: Widget signature');
     // this.setFlags(AnnotationFlag.HIDDEN);
    }

빌드 된 pdf.worker.js에서 작동합니다.

적어도 이것에 대한 옵션을 제공하면 좋을 것입니다. 예를 들어, 우리는 이전에 서명의 유효성을 검사하기 때문에 서명이 유효하다는 것을 이미 알고 있습니다.

@strazovan 감사하고 동의했습니다. default_preferences.json에서 설정할 수있는 플래그를 만들었습니다. 관심이 있으시면 변경 사항을 게시 할 수 있습니다!

@brianholle 안녕하세요, 당신의 예를 따르겠습니다. 이 코드로 주석이 달린 크롬은 정상적으로 표시되지만 IE 브라우저의 디지털 서명 된 이미지는 텍스트를가립니다.

@hanxiaodao 차단 코드를 주석 처리 할 때 다음과 같이 말합니다.

 if (data.fieldType === 'Sig') {
      warn('unimplemented annotation type: Widget signature');
      // this.setFlags(AnnotationFlag.HIDDEN);
 }

IE에서 표시하는 데 문제가 있습니까?

@brianholle 답장을
이것이 크롬에 미치는 영향입니다.

이것이 IE11에 미치는 영향입니다.

서명 확인에 노력을 기울일 경우 관리자로부터 추정치를 얻을 수 있습니까?

지금 당장은 우선 순위가 아니지만, 누군가가 이것을 기여하고 싶다면 (위의 구현 방법에 대한 주석 참조), 우리는 이것을 PDF.js에 통합하는 것을 기꺼이 조사 할 것입니다.

우리는 또한 확인할 수없는 디지털 서명을 보여주는 데 관심이 있습니다. 첨부 된 예를 참조하십시오.
Verpf-Erklärg-Bundesdatenschutz-Sig.pdf

내가 언급 할 때 :
if (data.fieldType === 'Sig') {
// this.setFlags (AnnotationFlag.HIDDEN);
}

오류:

message_handler.js:87 Uncaught (in promise) DOMException: Failed to execute 'postMessage' on 'DedicatedWorkerGlobalScope': #<DedicatedWorkerGlobalScope> could not be cloned.
    at eval (http://localhost:8888/src/shared/message_handler.js:87:21)

"div. annotationLayer"를 렌더링하지 않는 이유

하하, 이거 알아요 ... # 10350과 관련이 있어요. 따라서 다음 줄에 주석을 달아야합니다.
// this.setFlags (AnnotationFlag.HIDDEN);
그 뒤에 다음 줄을 추가하십시오.
data.fieldValue = null;

씰 디스플레이 스위치를 제어하는 ​​util.js를 활성화하기 위해 pdf 또는 pdf_viewer를 구성하는 방법은 무엇입니까? INVISIBLE 0x01 、 HIDDEN 0x02와 같은 util.js 파일에는 AnnotationFlag 옵션이 있습니다. pdf.worker.js의 AnnotionFlag를 HIDDEN에서 PRINT로 수정합니다. 이 방법없이 구성 할 수 있습니까?

아주 좋은 기능이어야합니다. 곧 기능이 될 것입니다!

누구든지 이것에 대한 안정적인 해결 방법을 알고 있습니까? 빌드 된 파일을 편집하는 것은 로컬 또는 테스트 목적으로 만 작동 할 수 있지만 그 이상은 아닙니다.

pdfjs는 죽은 프로젝트입니까? 왜 그들이 가장 원하는 기능을 그렇게 오랫동안 구현하지 않습니까 ??

PDF.js 어딘가에 디지털 서명이 유효하지 않다는 작은 알림을 표시 할 수 있기를 원합니다. Chrome에서는 작동하지만 다른 브라우저에서는 작동하지 않습니다. 최상의 경우와는 거리가 멀지 만 100 % 검증되지 않은 경우에도 서명을 표시하고 싶습니다. this.setFlags (AnnotationFlag.HIDDEN); 부분에서 pdf.worker.js 코드를 변경하려고 시도했습니다. 서 있었다. 서명이 하나 이상있을 때 컨테이너를 표시하는 "document.getElementbyId"구성을 추가했습니다. 그러나 모든 브라우저 (크롬 제외)는 "문서"를 인식하지 못합니다. 문서 등에 속성을 추가하고 viewer.js에서 사용하는 옵션이 있습니까? getElementbyId에는 더 많은 구성이 있습니다. 어떤 도움이라도 굉장 할 것입니다.

최근에 서명 확인을 지원하는 뷰어를 웹 구성 요소와 iframe으로 래핑했습니다. 여기에서 사용 방법에 대해 자세히 알아볼 수 있습니다 : https://verify.ink/

대단한 rmhrisk !!!

@brianholle 답장을
이것이 크롬에 미치는 영향입니다.

이것이 IE11에 미치는 영향입니다.

IE에서 동일한 질문이 있습니다.이 문제를 해결 했습니까?

우리 조직은 2000 명 이상의 사람들로 구성되어 있습니다. Firefox는 PDF의 서명을 올바르게 표시 할 수 없기 때문에 모두 Firefox가 아닌 Chrome을 사용하고 있습니다.
Mozilla의 우선 순위가되어야한다고 생각합니다.

@wolvz : 당신 편에 진전이 있습니까?

+1

+1

최근에 서명 확인을 지원하는 뷰어를 웹 구성 요소와 iframe으로 래핑했습니다. 여기에서 사용 방법에 대해 자세히 알아볼 수 있습니다 : https://verify.ink/

헉
Ryan,이 비주얼 라이저 버전을 커뮤니티에 공개하는 것을 고려해 보셨습니까?

디지털 서명을 확인하고 생성 할 수있는 PKIjs 및 PDFjs 기반의 디지털 서명 솔루션을 구현했습니다. 여기 에서 미국 디지털 서명법을 보는 예를 볼 수 있습니다.

뷰어는 현재 eIDAS 신뢰 목록에있는 CA와 Mozilla 신뢰 S / MIME 발급자를 신뢰합니다.

문제가 발생하면 샘플 파일이있는 경우 [email protected] 으로 이메일을 보내주십시오.

헉
Ryan,이 비주얼 라이저 버전을 커뮤니티에 공개하는 것을 고려해 보셨습니까?

@lexcorp 우리는 https : /verify.ink를 만들었으므로 뷰어를 쉽게 포함 할 수 있도록 웹 구성 요소였습니다.

추가하는 것은 쉽습니다.

<html>
  <body>
    <verify-viewer  url="https://verify.ink/assets/documents/electronic_records_and_signatures_in_commerce.pdf"  show-signature-if-present="true"  notify-if-not-signed="true"  sign="true"  download="true"></verify-viewer><script type="module" src="https://verify.ink/webcomponent/index.js"></script>
    </body>
</html>

최근에 사용자 지정 루트 저장소에 대한 지원도 추가했습니다.
https://verify.ink/guides#root -certificates

do 디지털 서명과 관련된 다양한 스레드에서 누락 된 진행의 주된 이유는 서명을 표시하기위한 전제 조건으로 서명을 확인할 수 없다는 인상을 받았습니다.

"서명 확인"과 "서명 표시"의 두 가지 사용 사례를 구분하는 것이 합리적입니까?

확인되지 않은 서명 (특정 프로젝트 팀에서 추가 한 경고가 필요한 경우)도 표시하는 것만으로도 충분하고 충분한 사용 사례가 많이 있다고 생각합니다. 코드를 약간만 수정해도 이미 가능하다면 켜거나 끌 수있는 공식 기능이 아닌 이유는 무엇입니까?

서명이 유효하지 않은 경우 표시하는 문제는 사용자에게 유효한 인상을주는 것입니다.

합성 습식 서명과 달리 디지털 서명은 서명의 진위성과 그와 관련된 의도를 모두 나타냅니다.

유효성을 검사하지 않고 서명 이미지를 표시함으로써 사용자에게 이미지의 사본 일 수있을 때 정품임을 제안하는 것입니다.

그러나 모든 유효한 디지털 서명이 PDF에서 시각적으로 표현되는 것은 아닙니다. PDF는 또한 내가 아는 한 시각적 표현없이 서명 할 수 있습니다.

도서관 사용자는 자신의 응용 프로그램 / 사용 사례가 유효 / 잘못된 서명을 표시 할 수 있는지 또는 경고와 같은 추가 조치가 필요한지 여부를 결정해야하지 않습니까? 내가 염두에 둔 한 가지 사용 사례는 서명 영역도 고려하면서 PDF에서 영역을 표시하는 것입니다. 최종 검증을 위해 다른 도구가 필요하지만 여전히 정보를 제공 할 수 있습니다. 디스플레이를 옵션 기능으로 제공하는 단점이 없다고 생각합니다.

그러나 모든 유효한 디지털 서명이 PDF에서 시각적으로 표현되는 것은 아닙니다. PDF는 또한 내가 아는 한 시각적 표현없이 서명 할 수 있습니다.

두 문장 모두 정확합니다. 1) 모든 PDF에 시각적 표현이 포함되어 있지는 않습니다 (대부분 그렇습니다). 2) PDF는 문서 전체 서명을 허용합니다. 그러나이 버그에서 내가 본 것은 문서 전체 서명이 아닌 디지털 서명과 관련된 시각적 서명을 표시하는 데 관심이 있습니다.

시각적 표현이없는 문서 전체 서명 지원을 위해 제출할 또 다른 버그가있을 수 있지만 디지털 서명에 존재하는 PDFjs 관련 버그에서 이에 대한 단일 요청을 기억하지 않습니다.

도서관 사용자는 자신의 응용 프로그램 / 사용 사례가 유효 / 잘못된 서명을 표시 할 수 있는지 또는 경고와 같은 추가 조치가 필요한지 여부를 결정해야하지 않습니까?
저는 개인적으로 애플리케이션 개발자가 자신의 애플리케이션으로 원하는 것을 할 수 있어야한다고 믿습니다.

그러나 PDF.js와 같은 라이브러리가 무엇을 선택해야하는지에 대한 질문도 있습니다. 제 생각에는 안전하지 않고 오해하기 쉬우 며 라이브러리의 최종 사용자에게 나쁜 보안 결과를 초래할 옵션을 노출하는 것은 라이브러리 제작자가 쉽게 만들 수있는 것이 아닙니다.

이 기능이 완료 되었다면 COVID-19에 의한이 격리 기간 동안 큰 도움이되었을 것이라고 상상해보십시오. 거래, 계약 등이 얼마나 많은지 상상해보십시오.

집에서 수행 할 수도 있었지만이 기능이 수년 동안 정체되어있는 것을 목격했습니다. 이유는 모르겠지만 다른 도구와 함께 사용하면 공동 작업, 홈 오피스, 기타

전적으로 동의합니다. 디지털 서명은 앞으로 점점 더 큰 가치가 될 것입니다. 내 사용 사례는 의료 기기 개발에 사용되는 도구입니다. 디지털 서명이 없으면 홈 오피스에서 일상적으로 일하는 것이 훨씬 더 어려울 것입니다. 이것이 제가 라이브러리를 사용하는 프로젝트에 맡겨 위험과 고객 가치 사이의 균형을 찾거나 특정 사용 사례에 적합한 추가 조치를 취하는 이유입니다.

또한 디지털 서명이 실제로 큰 누락 된 기능이라는 데 전적으로 동의합니다.

그러나 PDF.js와 같은 라이브러리가 무엇을 선택해야하는지에 대한 질문도 있습니다. 제 생각에는 안전하지 않고 오해하기 쉬우 며 라이브러리의 최종 사용자에게 나쁜 보안 결과를 초래할 옵션을 노출하는 것은 라이브러리 제작자가 쉽게 만들 수있는 것이 아닙니다.

이 라이브러리는 보안을 알고 있어야 개발자에 의해 구현됩니다.
내 부분에서 기능이 있으면 물론 서명을 표시하고 서명이 유효하지 않은 경우 경고를 표시 할 수 있도록 서명 서버 측을 확인하고 유효성을 검사합니다.

헉
커뮤니티에 대한 오픈 소스를 계획하고 계십니까? 1 / 인터넷에서 문서를 사용할 수 있도록 허용 2 / 제 3자가 문서에 액세스하도록 허용 3 / 제 3자가 사용자 브라우저에 자바 스크립트를 삽입하도록 허용 할 수있는 경우가 하나도 없기 때문입니다.
그것은 pdfjs에 큰 도움이 될 것입니다.

헉
커뮤니티에 대한 오픈 소스를 계획하고 계십니까? 1 / 인터넷에서 문서를 사용할 수 있도록 허용 2 / 제 3자가 문서에 액세스하도록 허용 3 / 제 3자가 사용자 브라우저에 자바 스크립트를 삽입하도록 허용 할 수있는 경우가 하나도 없기 때문입니다.
그것은 pdfjs에 큰 도움이 될 것입니다.

우리는 뷰어를 만드는 데 사용한 모든 라이브러리를 오픈 소스로 제공합니다. 라이브러리가 많고 상당히 복잡합니다. 예를 들어 뷰어에 대한 인증서 유효성 검사를 처리하는 PKIjs 부분을 ​​살펴보십시오. 또한 지원과 함께 상업용 라이선스를 제공합니다.

우리는 시청자를 오픈 소싱하지 않을 것입니다.이 작업은 상당한 시간과 투자가 필요했고 그 시간에는 가치가 있습니다. 우리는이를 가능하게하기 위해 우리가 만든 오픈 소스 라이브러리를 사용하여 다른 사람들을 지원하게되어 기쁩니다.

Re : 1; 뷰어는 문서가 인터넷에있을 필요가 없습니다.

Re : 2; 뷰어는 타사가 문서에 액세스하도록 허용 할 필요가 없습니다.

Re : 3; 웹 구성 요소를 호스팅하여 구성 요소에 대한 업데이트를 검토하고 제어 할 수 있습니다.

또한 디지털 서명이 실제로 큰 누락 된 기능이라는 데 전적으로 동의합니다.

그러나 PDF.js와 같은 라이브러리가 무엇을 선택해야하는지에 대한 질문도 있습니다. 제 생각에는 안전하지 않고 오해하기 쉬우 며 라이브러리의 최종 사용자에게 나쁜 보안 결과를 초래할 옵션을 노출하는 것은 라이브러리 제작자가 쉽게 만들 수있는 것이 아닙니다.

라이브러리는 보안을 _ 알아야하는 _ 개발자에 의해 구현됩니다.
내 부분에서 기능이 있으면 물론 서명을 표시하고 서명이 유효하지 않은 경우 경고를 표시 할 수 있도록 서명 서버 측을 확인하고 유효성을 검사합니다.

"Should be"와 "are"는 서로 다른 두 가지입니다. 서명이 유효하지 않거나 신뢰할 수 없을 때 서명 이미지를 표시하는 것은 결과를 완전히 이해하지 못한 채 누군가가 내릴 수있는 결정의 좋은 예입니다.

이 기능이 완료 되었다면 COVID-19에 의한이 격리 기간 동안 큰 도움이되었을 것이라고 상상해보십시오. 거래, 계약 등이 얼마나 많은지 상상해보십시오.

집에서 수행 할 수도 있었지만이 기능이 수년 동안 정체되어있는 것을 목격했습니다. 이유는 모르겠지만 다른 도구와 함께 사용하면 공동 작업, 홈 오피스, 기타

이것이 우리가 뷰어를 가능하게 한 모든 라이브러리를 만들고 오픈 소스 한 이유입니다. 또한 사람들이 뷰어를 무료로 사용할 수 있도록하는 이유이기도합니다.

우리가 한 작업 덕분에 누군가 우리가 훨씬 적은 노력으로 한 뷰어 작업을 재현하고 관련 PR을 PDFjs에 제출할 수 있었으므로 해당 PR을 코드 검토하는 것도 기꺼이 할 것입니다.

서명의 유효성이 관련이없는 상황에서 Angular CLI 앱에 PDF를 표시해야하며, 중요한 부분은 정확한 표시를 유지하는 것뿐입니다.
내 테스트 케이스는 Adobe의 디지털 서명이있는 샘플 pdf였습니다.
이미 많은 답변을 시도 했으므로 연구 결과를 아래에 요약하겠습니다.

내가 본 가장 일반적인 답변은 pdf.worker.js (48353 ~ 48355 행)에서 다음 행에 주석을 달았습니다.

if (data.fieldType === 'Sig') {
      //this.setFlags(AnnotationFlag.HIDDEN);
 }

그러나 이것은 작동하지 않았습니다.

pdfjs-dist에서 직접 annotation.js의 다음 행을 주석 처리해도 작동하지 않았습니다 (285 ~ 287 행).

case 0:
        this.color = null;
        break;

주어진 코드 줄을 배치하는 방법을 몰랐지만 이것은 작동하지 않았습니다.
(<any>window).pdfWorkerSrc = '<path_to_file>/pdf.worker.js';

적어도 페이지에서 주석을 얻으 려고 시도했지만 모든 페이지가 빈 배열을 반환했습니다.

page.getAnnotations().then(function(annotations) {
     console.log('annotations loaded');
     console.log(annotations);
     for (let i = 0; i < annotations.length; i++) {
          console.log(annotations[i].subtype);
      }
 }, function (reason) {
     console.log(reason);
}); 

내 앱이 pdf를 그대로 표시하는 것이 중요합니다. 최소한 자리 표시자를 대신 표시하기 위해 서명의 경계 사각형을 가져올 수 있기를 바랍니다.
아무도 나를 도울 수 있습니까?

서명의 유효성이 관련이없는 상황에서 Angular CLI 앱에 PDF를 표시해야하며, 중요한 부분은 정확한 표시를 유지하는 것뿐입니다.
내 테스트 케이스는 Adobe의 디지털 서명이있는 샘플 pdf였습니다.
이미 많은 답변을 시도 했으므로 연구 결과를 아래에 요약하겠습니다.

안녕하세요, 첫 번째 시도로 거의 완료했다고 생각합니다 ...이 https://github.com/mozilla/pdf.js/issues/1076#issuecomment -446959325를 사용해 보셨습니까?

나는 그것을 시도했다 : 아무것도 바뀌지 않았다.
다른 생각은 없나요?

이 문제는 꽤 오랫동안 공개되었으며 현재이 문제를 해결하기위한 계획은 무엇이며 어떻게 도와 드릴까요?

서명을 표시 할 수없는 경우 최소한 자리 표시 자 사각형을 표시해야합니다.
(단순히 x, y 좌표뿐만 아니라 서명의 너비와 길이를 아는 것)

물론 서명을 표시하는 것이 여전히 최선의 시나리오입니다 (다시 한 번, 특정 사용 사례에서 확인할 필요가 없습니다).

확인되지 않은 서명을 표시하기위한 렌더링 옵션을 추가하는 옵션일까요?
이런 식으로 pdf.js 사용자는 표시 위험을 감수할지 여부를 결정할 수 있습니다.

무효화 된 암호화 서명을 표시하는 것은 잘못 검증 된 서명을 표시하는 것만 큼 나쁩니다.
https://www.pdf-insecurity.org/

백엔드 서비스를 통해 서명이 올바르게 검증 된 경우 어떻게됩니까?
이것은 서명이 정상이지만 여전히 클라이언트 애플리케이션에 표시 될 수 없음을 의미합니다.

서명을 표시하거나 표시하지 않는 렌더링 옵션을 사용하면 pdf.js 사용자가 어떻게 든 서명의 유효성을 검사 한 다음 서명을 표시할지 여부를 스스로 결정할 수 있습니다.
또한 이것은 pdf 렌더링 라이브러리의 일부가 아니어야하므로 서명 확인을 제공해야하는 pdf.js 개발자의 개발자 부담을 제거합니다.
서명을 전혀 표시하지 않으면 pdf.js의 사용 사례가 제한됩니다.

백엔드 서비스를 통해 서명이 올바르게 검증 된 경우 어떻게됩니까?
이것은 서명이 정상이지만 여전히 클라이언트 애플리케이션에 표시 될 수 없음을 의미합니다.

서명을 표시하거나 표시하지 않는 렌더링 옵션을 사용하면 pdf.js 사용자가 어떻게 든 서명의 유효성을 검사 한 다음 서명을 표시할지 여부를 스스로 결정할 수 있습니다.
또한 이것은 pdf 렌더링 라이브러리의 일부가 아니어야하므로 서명 확인을 제공해야하는 pdf.js 개발자의 개발자 부담을 제거합니다.
서명을 전혀 표시하지 않으면 pdf.js의 사용 사례가 제한됩니다.

서버와 클라이언트 간의 유효성 검사는 괜찮습니다. 서명을 유효하고 검증 된 것으로 표시하는 플래그를 노출하는 것은 풋건입니다.

서버와 클라이언트 간의 유효성 검사는 괜찮습니다. 서명을 유효하고 검증 된 것으로 표시하는 플래그를 노출하는 것은 풋건입니다.

검증 된 서명을 처리하고 있지만 pdf.js를 사용하여 클라이언트 브라우저에 해킹없이 표시 할 수 없습니다.
그렇다면 클라이언트 브라우저에서 PDF를 렌더링하는 다른 옵션이 확인 된 서명의 시각적 표현을 렌더링하도록 제안 하시겠습니까?

배포하기 전에 PDFjs를 패치하여 필요한 동작을 할 수 있습니까?

이것이 제가 "해킹"을 의미하는 것이고 이것이 바로 우리가 현재해야하는 일입니다 :-(

왜 우리가 여전히 문제 자체에 대해 질문하고 있는지 모르겠습니다. "핵"이 저에게 효과가 없었고 여전히 필요합니다.

내 사용 사례에서는 서명의 유효성에 의문이 없습니다. 그러나 나는 그것들을 표시하거나 적어도 캔버스의 빈 부분 대신에 "무언가"가 있음을 사용자에게 알려야합니다.
API에 확인되지 않은 서명에 대한 큰 빨간색 경고 단락이 포함되어 있는지, 또는 확인 될 수 없다고 합법적으로 말하도록 강요하는 경우, 또는 내 위험에 처해 있다고 경고하는 경우에는 상관 없습니다.
... 서명 만 표시하면됩니다.

최소한 문서에있는 서명의 위치와 크기를 알고 싶습니다. "안녕하세요, 사용자, 거기에 서명이 있어야합니다"라고 적힌 회색 상자를 그 자리에 표시 할 수 있습니다. 그들에.

현재 사용자는 문서가이 지점에서 서명되었는지 알 수 없습니다.
그것은 더 나쁜 템퍼링 방법이 아닙니까?

문서의 모든 디지털 서명을 투명한 회색 템플릿 상자로 표시 할 수있는 부울이 있다면 충분히 만족 스러울 것이고 그 기능은 윤리 / 보안 문제를 일으키지 않을 것입니다.

(저는 또한이 스레드에서만 100 개가 넘는 댓글로 2012 년 이후로 문제가 보류 중이라고 말하고 싶습니다.이 기능을 기다리는 유일한 사람이 아니라고 생각합니다)

회색 상자는 렌더링 오류처럼 보이며 제공된 지원 핫라인에 과부하가 걸릴 가능성이 높습니다. :-)
현재는 잘 작동하지만 매우 추한 작업 해킹이 있습니다.

1. pdfjs-dist의 최신 트랜스 파일 및 축소 버전 다운로드
2. 트랜스 파일 된 버전에서 문제의 줄을 패치합니다.
3. 내부 npm-repo에 새 개인 패키지로 릴리스하십시오.
4. 원본 pdfjs-dist 패키지 대신 패치 된 패키지를 사용하십시오.

못 생겼지? 그러나 그것은 작동하고 임베디드 서명을 잘 렌더링합니다.

회색 상자는 렌더링 오류처럼 보이며 제공된 지원 핫라인에 과부하가 걸릴 가능성이 높습니다. :-)

예, 예, 예, 칭찬 할 수있는 모든 템플릿 / 이미지 / 메시지를 의미했습니다. * pdf에는 확인할 수없는 디지털 서명이 포함되어 있으므로 표시되지 않았습니다. 메시지가 설명하는 경우 사용자가 이해할 수있는 모든 것.

1. 트랜스 파일 된 버전에서 문제의 줄을 패치합니다.

나는 현재 내 node_modules에 pdfjs-dist가 설치된 Angular CLI를 사용하고 있지만 몇 가지 게시물을 작성했던 솔루션이 내 쪽에서 작동하지 않았고 이것도 마찬가지입니다.

안녕하세요, 첫 번째 시도에서 거의 성공한 것 같습니다 # 1076 (코멘트) 를 사용해

내가 뭔가를 놓쳤거나 내 케이스가 해당 수정에 너무 구체적입니까?

이 스레드의 설명을 따랐습니다.
https://github.com/mozilla/pdf.js/issues/4743#issuecomment -163953288

기본적으로이 부분을 변경했습니다.

// Hide unsupported Widget signatures.
if (data.fieldType === 'Sig') {
   warn('unimplemented annotation type: Widget signature');
   this.setFlags(AnnotationFlag.HIDDEN);
}

이에:

// Hide unsupported Widget signatures.
if (data.fieldType === 'Sig') {
   warn('unimplemented annotation type: Widget signature');
}

전체 'if'를 제거 할 수 있다는 것을 알고 있지만 가능한 가장 작은 패치를 원했습니다.

Yikes. 그것은 실제로 내 편에서 작동하지 않은 수정입니다.
내 앱의 일부를 표시하는 pdf로 돌아 가면 다시 시도하겠습니다.
아직 내 자신의 패키지를 만들지 않았지만 node_modules / pdfjs-dist에서 직접 파일을 변경해도 마지막으로 시도했을 때 아무것도 변경되지 않았습니다.

pdf.worker.js 및 pdf.worker.min.js 파일을 모두 변경 했습니까?
이것은 우리의 접근 방식에 필요했습니다.

pdf.worker.js 및 pdf.worker.min.js 파일을 모두 변경 했습니까?
이것은 우리의 접근 방식에 필요했습니다.

당신은 내가 간과했을지도 모르는 훌륭한 포인트를 제기합니다!
오늘 빨리 시도해보고 작동하는지 확인하겠습니다.

안녕하세요 저는 당신의 접근 방식을 좋아하지만 불행히도 저에게는 효과가 없었습니다.
다음과 같이 줄을 변경했습니다.

이 스레드의 설명을 따랐습니다.
# 4743 (코멘트)

기본적으로이 부분을 변경했습니다.

// Hide unsupported Widget signatures.
if (data.fieldType === 'Sig') {
   warn('unimplemented annotation type: Widget signature');
   this.setFlags(AnnotationFlag.HIDDEN);
}

이에:

// Hide unsupported Widget signatures.
if (data.fieldType === 'Sig') {
   warn('unimplemented annotation type: Widget signature');
}

전체 'if'를 제거 할 수 있다는 것을 알고 있지만 가능한 가장 작은 패치를 원했습니다.

그런 다음 gulp generic 빌드하고 빌드 된 리소스를 사용했습니다.

pdf.worker.js 및 pdf.worker.min.js 파일을 모두 변경 했습니까?
이것은 우리의 접근 방식에 필요했습니다.

pdf.worker.js 은 (는) 지어졌지만 pdf.worker.min.js 말씀하셨습니다. 어떻게 지어졌으며 어디에 저장되어 있습니까?
내가 무엇을 놓치고 있습니까?

많은 감사드립니다

@ ll-priva 우리는 pdf.js를 직접 빌드하지 않았습니다.
코멘트 https://github.com/mozilla/pdf.js/issues/1076#issuecomment -658601553에서 말했듯이 우리는 실제로 이미 빌드 된 pdfjs-dist 버전을 다운로드하고 pdf.worker.js 번들 버전을 패치했습니다. pdf.worker.min.js .

https://github.com/mozilla/pdf.js/issues/1076#issuecomment -658609803의 설명은 아마도 약간 불분명합니다.
미리 빌드 된 패키지 https://www.npmjs.com/package/pdfjs-dist를 패치하여 설명 된 솔루션을 구현했습니다
그런 다음 pdf.worker.js 및 pdf.worker.min.js 패치 된 버전을 사용하여 비공개 pdfjs-dist 패키지를 내부 npm-repository로 푸시했습니다.
마지막으로 우리는 공식 pdfjs-dist 패키지 대신이 패치 버전을 프로덕션 코드에 사용했습니다.

이것이 우리의 접근 방식이 좀 더 명확 해지기를 바랍니다.

@PSpSynedra 대단히 감사합니다. 그것은 나에게도 효과적이었습니다.

몇 주 만에 처음으로이 작업을 수행했지만 여전히 내 편에서 작동하지 않습니다.
나는 당분간 개인 패키지를 만들지 않았습니다. 다시 빌드하지 않는 한 node_modulespdfjs-dist의 파일을 직접 수정하면 작동 했어야합니다 (로컬에서 수정 된 pdf.js를 실제로 가져와야합니다. 자산 또는 패키지).

폴더에서 "Sig"를 검색하면 4 가지 파일 결과가 제공됩니다.

• pdfjs-distbuildpdf.worker.js
• pdfjs-distbuildpdf.worker.min.js
• pdfjs-distes5buildpdf.worker.js
• pdfjs-distlibcoreannotation.js

위에서 언급했듯이 서명 필드를 지우고이를 숨기도록 플래그를 설정 한 "if"의 내용을 제거하기 위해이 4 가지 항목을 모두 편집했습니다.
다른 일이 발생하지 않았습니다. getAnnotations ()는 빈 배열을 반환하고 기존 서명은 여전히 ​​표시되지 않습니다.

또한 콘솔에서도 오류나 경고가 아닌이 메시지가 표시됩니다 (pdf.worker.js : 2965 : 14).

경고 : 구현되지 않은 위젯 필드 유형 "Sig", 기본 필드 유형으로 대체됩니다.

코드를 보면 annotation.js가 "base"WidgetAnnotation으로 래핑한다는 의미입니다. 즉, 메시지가 문제가되지 않고 내가 제거한 플래그 만 있음을 의미합니다.

내가 뭔가를 놓치고 있습니까? min.js 파일과 빌드 폴더에있는 js 파일을 편집 했으므로 모든 것이 작동 했어야합니다.
@ ll-priva와 @PSpSynedra 는 정확히 무엇을

@Epsiom 이것이 제가 방금 한 일이며 약 5 분 만에 저에게 효과적이었습니다 : https://github.com/mozilla/pdf.js/issues/1076#issuecomment -446959325

this.setFlags(AnnotationFlag.HIDDEN); 를 주석 처리하고 data.fieldValue=null 를 추가해야합니다. 내가 수정 한 유일한 파일은 pdf.worker.js 이며,이 경우에는 pdfjs-dist 라이브러리에서 가져 왔으므로 이미 축소되었습니다.

@Epsiom 및 여기에 끝날 수있는 기타.
나는 같은 문제가 있었고 pdf 작업자 파일을 결과가 없었습니다.

제 경우에는 https://github.com/VadimDez/ng2-pdf-viewer 를 사용하여 각도 앱에 pdf를 표시합니다. 이 모듈은 로컬 파일이 아닌 cloudflare에서 pdf 작업자를 직접로드했습니다. 따라서 웹 앱이 실제로 수정 된 pdf.worker.js 파일을 사용하고 있는지 확인하십시오. 콘솔에서 구현되지 않은 위젯 필드 유형 "Sig"경고를 클릭하여 확인하고 마우스를 파일 이름으로 이동할 수 있습니다.

@konum 경고는 " http : // localhost : 4200 / assets / vendor / pdf.worker.js"에서 왔지만 이전에 말한대로이 파일의 두 줄을 이미 주석 처리했습니다.
if (data.fieldType === 'Sig') { //this.setFlags(AnnotationFlag.HIDDEN); //data.fieldValue = null; }

여전히 디지털 서명이 보이지 않습니다 ...

@Epsiom도 나를 위해 일하지 않았습니다. 아직 조사 중입니다.

@Epsiom 관리하여 볼 서명을 가져옵니다. pdf.worker.js에서 18480 행에 추가하십시오.
case "Sig":
return new SquareAnnotation (parameters);

이 선 바로 위에있는 스위치입니다.
(0, _util.warn) ( 'Unimplemented widget field type "'+ fieldType + '",'+ "falling back to base field type.");

@konum 나를 위해 작동하지 않았다 :
ERROR Error: Uncaught (in promise): Object: {"message":"SquareAnnotation is not defined","stack":"AnnotationFactory_create<strong i="7">@http</strong>://localhost:4200/assets/vendor/pdf.worker.js:47999:7\nget annotations<strong i="8">@http</strong>://localhost:4200/assets/vendor/pdf.worker.js:48877:43\nLocalPdfManager_ensure/<<strong i="9">@http</strong>://localhost:4200/assets/vendor/pdf.worker.js:49204:21\nLocalPdfManager_ensure<strong i="10">@http</strong>://localhost:4200/assets/vendor/pdf.worker.js:49202:14\nPage_getOperatorList<strong i="11">@http</strong>://localhost:4200/assets/vendor/pdf.worker.js:48815:43\nwphSetupRenderPage/<<strong i="12">@http</strong>://localhost:4200/assets/vendor/pdf.worker.js:49883:13\n"} AnnotationFactory_create<strong i="13">@http</strong>://localhost:4200/assets/vendor/pdf.worker.js:47999:7 get annotations<strong i="14">@http</strong>://localhost:4200/assets/vendor/pdf.worker.js:48877:43 LocalPdfManager_ensure/<<strong i="15">@http</strong>://localhost:4200/assets/vendor/pdf.worker.js:49204:21 LocalPdfManager_ensure<strong i="16">@http</strong>://localhost:4200/assets/vendor/pdf.worker.js:49202:14 Page_getOperatorList<strong i="17">@http</strong>://localhost:4200/assets/vendor/pdf.worker.js:48815:43 wphSetupRenderPage/<<strong i="18">@http</strong>://localhost:4200/assets/vendor/pdf.worker.js:49883:13

@Epsiom 최신 버전의 pdf.js를 사용하고 있습니까? pdf.worker.js에는 SquareAnnotation 클래스가 정의되어 있어야합니다.

@Epsiom 은 명확히하기 위해 this.setFlags(AnnotationFlag.HIDDEN); 만 주석 처리해야합니다. data.fieldValue = null; 이 없으면 추가해야하지만 주석을 달면 안됩니다.

또한 pdfjs-dist 패키지를 사용하고 있으므로 이전 의견에 따라 직접 수정했습니다. 수정중인 코드가 실제로 실행되고 있다고 확신합니까? node_modules에있는 경우 빌드에 따라 이러한 자산 중 일부가 캐시 될 수 있으며 실제로 수정 된 코드를 사용하지 않을 수 있습니다.

@kjhangiani 추가 된 console.log가 콘솔에 표시되는 것을 분명히 기억하므로 명확하게 실행됩니다.
이 작업으로 돌아올 때 data.fieldValue = null; 를 추가하고 작동하는지 확인하겠습니다.

추가 data.fieldValue = null; 다시에서 if (data.fieldType === 'Sig') 블록뿐만 아니라 같은 console.log("TEST") 단지의 경우에, 아무것도 일어나지 않았 반면, 제대로 일반적인 후, 콘솔에 출연 "TEST" Warning: Unimplemented widget field type "Sig", falling back to base field type. 메시지.

다른 생각은 없나요?

@Epsiom 관리하여 볼 서명을 가져옵니다. pdf.worker.js에서 18480 행에 추가하십시오.
case "Sig":
return new SquareAnnotation (parameters);

이 선 바로 위에있는 스위치입니다.
(0, _util.warn) ( 'Unimplemented widget field type "'+ fieldType + '",'+ "falling back to base field type.");

그것은 나를 위해 일했고, 당신은 나의 하루를 구했습니다. 감사합니다.

@yduybya 프로젝트는 얼마나 최근입니까?
그것에 대한 특별한 점이 있습니까?
내 버전의 pdf.js를 업데이트하고 최신 버전 임에도 불구하고 다시 시도해야한다고 생각합니다.

Angular 9 앱에서 pdf.js를 쉽게 업데이트 할 수있는 방법이 있습니까?
여기에서 새로운 pdf.worker.js (http://mozilla.github.io/pdf.js/build/pdf.worker.js)를 찾았지만 해당 파일을 교체하는 것만으로는 작동하지 않았습니다 (분명히).

내 프로젝트를 https://github.com/mozilla/pdf.js/issues/8836 및 https://github.com/ashishyadav0019/pdfJS_angular4_Ts.git로 다시 추적했지만 이러한 프로젝트는 오래된 파일을 사용하고 있습니다.

pdf.js github 및 pdfJS_angular4_Ts.git의 파일은 상관되지 않습니다.
누구든지 Angular 9 프로젝트에서 pdf.js를 최신 파일로 올바르게 가져 오는 방법을 알고 있습니까?

@Epsiom For Angular 8 앱) 각도 9에서 작동해야한다고 생각합니다) https://github.com/VadimDez/ng2-pdf-viewer를 사용하고

ng2-pdf-viewer 문서에서 :
기본적으로 작업자는 cdnjs.cloudflare.com에서로드됩니다.
코드에서 작업자에 대한 업데이트 경로 (예 : /pdf.worker.js)
(모든 창) .pdfWorkerSrc = '/pdf.worker.js';
이것은 pdf-viewer 컴포넌트가 렌더링되기 전에 설정되어야합니다.

이 프로젝트를 사용하면 프로젝트에 pdfjs-dist 종속성이 추가됩니다. squareAnnotation 팁으로 node_modules / pdfjs-dist / build / pdf.worker.js를 편집하십시오.

@konum 저는 여기에서 영감을 얻어 여러 가지 이유로 ng2-pdf-viewer가 아닌 pdf.js를 직접 사용하고 있습니다 : https://github.com/ashishyadav0019/pdfJS_angular4_Ts.git
pdfjs-dist 종속성이 있지만 사용되는 것은 src/assets/vendor/pdf.worker.js 입니다.
어떤 생각?

@Epsiom pdf.js 및 pdf.worker.js 파일을 모두 최신 코드로 업데이트

@konum 정확히 내가하려는 일이지만 pdf.js는 Angular에서 거의 사용되지 않습니다. , 그렇게하는 과정은 언뜻보기에는 분명하지 않습니다.

안녕하세요,

this.setFlags (AnnotationFlag.HIDDEN); 주석 달기 v2.6.347의 pdf.worker.js에서 서명 이미지가 표시되지 않습니다.

변화가 있었나요?

@lainosantos 예, 변경 사항이 있습니다. 양식 렌더링을 비활성화하면 서명이 다시 표시됩니다.

@stephanrauh 감사합니다.

PDFViewerApplicationOptions.set('renderInteractiveForms', false);

양식을 활성화하고 서명을 표시하는 방법이 있습니까?

@lainosantos 아니요,하지만 자신 만의 양식을 만드는 방법에 대한 멋진 renderInteractiveForms 가 탈락되었다고 가정합니다. Angular를 사용하지만 다른 프레임 워크를 사용하더라도 아이디어를 추출 할 수 있다고 생각합니다. https://medium.com/factory-mind/angular-pdf-forms-fa72b15c3fbd

현재 더 긴급한 문제가있어 작업에 시간을 할애 할 수는 없지만 Angular 9에서 최신 pdf.js 버전을 가져 오는 사람이 있다면 깊이 감사 할 것입니다.

@Epsiom 여기 있습니다 : https://www.npmjs.com/package/ngx-extended-pdf-viewer :)

@stephanrauh ... 음, IE11과 호환되어야하고 캔버스를 직접 사용하여 맞춤형 pdf 뷰어를 사용해야한다는 점을 제외하면 슬프게도 사용할 수 없습니다.
나는 ng2-pdf-viewer를 사용할 수 없거나 어떤 종류의 것도 사용할 수 없습니다. pdf.js 자체에 대해 정말로 묻습니다. 이것은 정말 틈새 시장입니다.