Aspose.PDF 편집기

Aspose.PDF for .NET의 Html5 PDF 편집기란 무엇인가요?

Aspose.PDF for .NET의 HTML5 PDF 편집기는 사용자가 온라인에서 PDF 파일을 생성, 편집 및 변환할 수 있도록 하는 오픈 소스 웹 기반 PDF 편집기입니다. 사용자는 PDF 파일을 보기 및 편집하기 위해 자신의 웹 애플리케이션에 편집기를 쉽게 삽입할 수 있습니다. HTML5 PDF 편집기는 HTML5, jQuery Ajax, ASP.NET, Bootstrap을 사용하여 개발되었으며 백엔드는 Aspose.PDF for .NET에 의해 지원됩니다. 편집기의 UI는 사용자 요구에 따라 기능을 쉽게 이해하고 향상시킬 수 있도록 매우 간단하게 유지됩니다.

기능

다음 기능을 지원합니다:

새로운 PDF 파일 생성.
PDF 파일 로딩 및 보기.
Dropbox에서 PDF 및 이미지 파일 로딩.
PDF 파일을 다양한 파일 형식으로 내보내기.
PDF 파일 추가 또는 병합.
새 페이지 삽입.
페이지 삭제.
PDF 파일 내 페이지 이동.
PDF에 텍스트 삽입.
PDF에서 텍스트 강조.
PDF에 삽입된 텍스트 회전.
PDF에서 텍스트 검색.
PDF에서 텍스트 교체.
이미지 삽입.
서명 및 이미지 크기 조정.
삽입된 항목 드래그 및 위치 조정.
양식 필드가 있는 PDF 파일 로딩.
편집기를 사용하여 양식 필드 채우기.
양식 필드 데이터와 함께 PDF 저장 및 내보내기.
필요한 양식 필드 강조.
PDF 파일에 첨부 파일 추가.
입력 PDF 파일에서 첨부 파일 로드.
첨부 파일 다운로드.
첨부 파일 제거.
자유형 드로잉을 사용하여 PDF 서명.

시스템 요구 사항

HTML5 PDF 편집기는 ASP.NET, C#, HTML5, jQuery, Javascript를 사용하여 개발된 .NET 웹 애플리케이션입니다. HTML5 PDF 편집기를 설정하려면 다음 시스템 환경이 필요합니다.

Visual Studio 2010 (또는 그 이상).
.NET Framework 3.5 (또는 그 이상).
Aspose.PDF for .NET.
jQuery 2.0.3.
Bootstrap 3.2.0.

다음 브라우저 중 하나를 사용하여 애플리케이션을 실행할 수 있습니다:

Mozilla Firefox (권장).
Internet Explorer (버전 9 이상).
Google Chrome.
Apple Safari.

지원

Aspose에서는 고객/사용자의 기술적 또는 판매 관련 질문에 대해 가능한 최상의 지원을 제공하기 위해 노력합니다. 라이센스 및 판매 관련 또는 기술적 질문에 대해서는 아래 링크를 사용하십시오.

PDF 편집기 개발자 가이드

새로운 PDF 파일 생성

기존 PDF 문서를 편집하는 것 외에도, Html5 PDF 편집기는 메뉴 바에서 “새 파일 생성” 옵션을 사용하여 처음부터 새로운 PDF 파일을 생성하는 것도 지원합니다. 이 기능을 사용하여 편집기에서 빈 PDF를 생성하고, 텍스트/이미지를 추가한 후 원하는 형식으로 저장할 수 있습니다. 다음 섹션에서는 이 기능의 기술적 세부 사항에 대해 논의하겠습니다.

HTML - “새 파일 생성” 메뉴 항목이 페이지에서 클릭됨

“새 파일 생성” 메뉴 항목을 클릭하면 Editor.js 파일에서 onNewFileClicked 메서드가 호출됩니다.

jQuery - CreateNewFile 메서드에 대한 Ajax 요청을 서버로 전송

Editor.js 탭 아래에서 onNewFileClicked 메서드의 소스 코드를 확인하십시오. 이 메서드는 CanvasSave.aspx.cs 파일에서 CreateNewFile 메서드를 호출합니다.

ASP.NET 웹 메서드가 서버 요청을 처리합니다

Canvas.aspx.cs 탭 아래에서 CreateNewFile 메서드의 소스 코드를 확인하십시오. 이 메서드는 ResetData 메서드를 사용하여 이전에 로드된 파일에 대한 기존 데이터를 지웁니다.

Aspose.PDF for .NET를 사용한 새로운 PDF 파일 생성

ResetData 메서드를 사용하여 데이터를 지운 후, CreateNewFile 메서드는 Aspose.PDF for .NET의 Document 클래스를 사용하여 새로운 PDF 파일을 생성합니다. 아래 탭에서 볼 수 있듯이 Document 객체는 빈 페이지가 하나 있는 파일을 생성합니다. 서버에서 파일이 생성된 후, 파일은 캔버스에 로드되기 위해 ImageConverter 메서드를 사용하여 이미지로 변환됩니다.

결과 파일을 캔버스에 로드합니다.

파일이 서버 측에서 이미지로 변환된 후, 제어는 Editor.js의 onNewFileClicked 메서드로 반환됩니다. onNewFileClicked 메서드는 모든 클라이언트 측 컬렉션을 재설정하고 생성된 이미지 파일을 캔버스에 로드합니다.

PDF를 다양한 파일 형식으로 내보내기

HTML5 PDF 편집기는 메뉴 바에서 “파일 내보내기” 옵션을 사용하여 PDF 파일을 다양한 파일 형식으로 내보내는 것을 지원합니다. 이 기능을 사용하여 원하는 형식으로 PDF 파일을 내보낼 수 있습니다. 다음 섹션에서는 이 기능의 기술적 세부 사항에 대해 논의하겠습니다.

HTML - “파일 내보내기” 메뉴 항목이 페이지에서 클릭됨

“파일 내보내기” 메뉴 항목을 클릭하면 목록에서 내보낼 형식을 선택할 수 있습니다. 내보낼 형식을 선택한 후, Editor.js 파일에서 “ExportFile” 메서드가 호출됩니다.

jQuery - btnFileExport_Click 메서드에 대한 Ajax 서버 요청 전송

Editor.js 탭 아래에서 “ExportFile” 메서드의 소스 코드를 확인하십시오. 이 메서드는 CanvasSave.aspx.cs 파일에서 파일 형식 매개변수를 사용하여 서버 메서드 btnFileExport_Click에 요청을 보냅니다.

ASP.NET 웹 메서드가 서버 요청을 처리합니다

Canvas.aspx.cs 탭 아래를 확인하십시오. btnFileExport_Click에 전달된 파일 형식 매개변수를 기반으로 PDF 파일은 Aspose.PDF Document 객체의 Save 메서드를 사용하여 변환됩니다.

클라이언트 브라우저에서 다운로드를 위한 파일 내보내기

서버에서 파일이 생성된 후, 제어는 Editor.js의 ExportFile 메서드로 반환되어 파일이 사용자가 다운로드할 수 있도록 브라우저로 전송됩니다.

PDF 파일 추가 또는 병합

Html5 PDF 편집기는 메뉴 바에서 “파일 추가” 옵션을 사용하여 PDF 파일을 추가하거나 병합하는 것을 지원합니다. 이 기능을 사용하여 입력 파일에 PDF 파일을 추가할 수 있습니다. 다음 섹션에서는 이 기능의 기술적 세부 사항에 대해 논의하겠습니다.

HTML - “파일 추가” 메뉴 항목이 페이지에서 클릭됨

“파일 추가” 메뉴 항목을 클릭하면 파일 업로드 대화 상자를 사용하여 파일을 업로드할 수 있습니다. 파일이 업로드된 후, Editor.js 파일에서 “fileSelected” 메서드가 호출됩니다.

jQuery - ProcessRequest 메서드에 대한 서버 요청 전송

Editor.js 탭 아래에서 “fileSelected” 메서드의 소스 코드를 확인하십시오. 파일이 서버에 게시되고 CanvasSave.aspx.cs 파일에서 “ProcessRequest” 메서드가 호출됩니다.

ASP.NET 웹 메서드가 서버 요청을 처리합니다

Canvas.aspx.cs 탭 아래를 확인하십시오. 전달된 양식 매개변수를 기반으로 추가할 파일이 서버에 저장되고 “AppendFile” 메서드가 호출됩니다. AppendFile 메서드는 Aspose.PDF for .NET를 사용하여 업로드된 파일을 추가하고 결과 파일을 이미지로 변환한 후 제어를 Editor.js의 “fileSelected” 메서드로 반환합니다.

파일 추가 후 캔버스 내용 업데이트

서버에서 파일이 생성된 후, 제어는 Editor.js의 “fileSelected” 메서드로 반환되어 편집기의 내용을 업데이트합니다.

로컬 PDF 파일 업로드

HTML5 PDF 편집기는 메뉴 바에서 “컴퓨터에서 열기” 옵션을 사용하여 로컬 머신에서 PDF 파일을 업로드하는 것을 지원합니다. 이 기능을 사용하여 기존 PDF 파일을 열고 편집을 수행할 수 있습니다. 다음 섹션에서는 이 기능의 기술적 세부 사항에 대해 논의하겠습니다.

HTML - “컴퓨터에서 열기” 메뉴 항목이 페이지에서 클릭됨

“컴퓨터에서 열기” 메뉴 항목을 클릭하면 파일 업로드 대화 상자를 사용하여 양식 필드가 포함된 입력 파일을 업로드할 수 있습니다. 파일이 업로드된 후, Editor.js 파일에서 “fileSelected” 메서드가 호출됩니다.

jQuery - ProcessRequest 메서드에 대한 서버 요청 전송

ASP.NET 웹 메서드가 서버 요청을 처리합니다

Canvas.aspx.cs 탭 아래를 확인하십시오. 전달된 양식 매개변수를 기반으로 업로드할 파일이 서버에 저장되고 “ResetData” 메서드를 사용하여 데이터를 재설정한 후 “ImageConverter” 메서드가 호출됩니다. ImageConverter 메서드는 Aspose.PDF for .NET를 사용하여 업로드된 파일을 이미지로 변환하고 제어를 Editor.js의 “fileSelected” 메서드로 반환합니다.

파일 업로드 후 캔버스 내용 업데이트

서버에서 파일이 생성된 후, 제어는 Editor.js의 “fileSelected” 메서드로 반환되어 편집기의 내용을 업데이트합니다. 즉, 캔버스를 재설정하고 새로 업로드된 파일을 로드합니다.

PDF 파일에 페이지 추가

Html5 PDF 편집기를 사용하면 메뉴 바에서 “페이지 추가” 옵션을 사용하여 PDF 파일에 새 페이지를 추가할 수 있습니다. 이 기능을 사용하여 PDF 파일에 빈 페이지를 추가할 수 있습니다. 다음 섹션에서는 이 기능의 기술적 세부 사항에 대해 논의하겠습니다.

HTML - “페이지 추가” 메뉴 항목이 페이지에서 클릭됨

“페이지 추가” 메뉴 항목을 클릭하면 Editor.js 파일에서 “AddPage” 메서드가 호출됩니다.

jQuery - AddPage_Click 메서드에 대한 Ajax 요청을 서버로 전송

Editor.js 탭 아래에서 AddPage 메서드의 소스 코드를 확인하십시오. 이 메서드는 CanvasSave.aspx.cs 파일에서 AddPage_Click 메서드를 호출합니다.

ASP.NET 웹 메서드가 서버 요청을 처리합니다

Canvas.aspx.cs 탭 아래를 확인하십시오. AddPage_Click 메서드의 소스 코드를 확인하십시오. 이 메서드는 Aspose.Pdf.Document 클래스를 사용하여 PDF 파일에 새 빈 페이지를 추가합니다. PDF 파일에 페이지를 추가한 후, 페이지를 이미지로 변환하여 편집기에 표시됩니다. 제어는 Editor.js 파일로 반환되어 AddPage 메서드에서 페이지 번호를 업데이트합니다.

PDF 파일에서 페이지 삭제

Html5 PDF 편집기를 사용하면 메뉴 바에서 “페이지 삭제” 옵션을 사용하여 PDF 파일에서 페이지를 삭제할 수 있습니다. 다음 섹션에서는 이 기능의 기술적 세부 사항에 대해 논의하겠습니다.

HTML - “페이지 삭제” 메뉴 항목이 페이지에서 클릭됨

“페이지 삭제” 메뉴 항목을 클릭하면 Editor.js 파일에서 DeletePage 메서드가 호출됩니다.

jQuery - DeletePage_Click 메서드에 대한 Ajax 요청을 서버로 전송

Editor.js 탭 아래에서 DeletePage 메서드의 소스 코드를 확인하십시오. 이 메서드는 CanvasSave.aspx.cs 파일에서 DeletePage_Click 메서드를 호출합니다.

ASP.NET 웹 메서드가 서버 요청을 처리합니다

Canvas.aspx.cs 탭 아래를 확인하십시오. DeletePage_Click 메서드는 Aspose.Pdf.Document.Page 컬렉션의 Delete 메서드를 사용하여 PDF 파일에서 선택한 페이지를 삭제합니다.

편집 내용 업데이트

PDF 파일에서 페이지를 삭제한 후, 제어는 Editor.js 파일의 DeletePage 메서드로 반환되어 페이지 번호를 업데이트하고 삭제된 페이지와 관련된 모든 컬렉션을 updateIndexesDelete 메서드를 사용하여 제거합니다.

PDF 파일 내 페이지 이동

Html5 PDF 편집기를 사용하면 메뉴 바에서 “페이지 이동” 옵션을 사용하여 PDF 파일 내에서 페이지를 이동할 수 있습니다. “페이지 이동” 메뉴 항목을 누르면 선택한 페이지의 새 위치를 지정하는 입력 대화 상자가 표시됩니다. 다음 섹션에서는 이 기능의 기술적 세부 사항에 대해 논의하겠습니다.

HTML - “페이지 이동” 메뉴 항목이 페이지에서 클릭됨

“페이지 이동” 메뉴 항목을 클릭하면 선택한 페이지의 새 위치를 얻기 위해 입력 대화 상자가 표시됩니다. 페이지 번호를 제공하고 “이동” 버튼을 누르면 Editor.js 파일에서 “Move” 메서드가 호출됩니다.

jQuery - MovePages 메서드에 대한 Ajax 요청을 서버로 전송

Editor.js 탭 아래에서 Move 메서드의 소스 코드를 확인하십시오. 이 메서드는 MovePage 메서드를 호출하고 이동할 페이지의 목록과 같은 세부 정보를 MovePages 메서드에 전달합니다.

ASP.NET 웹 메서드가 서버 요청을 처리합니다

Canvas.aspx.cs 탭 아래를 확인하십시오. MovePages 메서드는 Aspose.Pdf.Document.Pages 컬렉션을 사용하여 페이지를 이동합니다.

편집 내용 업데이트

페이지를 이동한 후, 제어는 Editor.js 파일의 MovePage 메서드로 반환되어 페이지 인덱스와 편집기 내 다양한 컬렉션과 관련된 정보를 MoveUpdate 메서드를 사용하여 업데이트합니다.

PDF 파일에 텍스트 삽입

Html5 PDF 편집기를 사용하면 메뉴 바에서 “텍스트 모드” 옵션을 사용하여 PDF 파일에 텍스트를 삽입할 수 있습니다. 텍스트 모드 메뉴 항목을 선택하고 텍스트를 추가할 편집기 내의 위치를 클릭하면 원하는 텍스트를 입력하고 형식을 지정할 수 있는 입력 대화 상자가 표시됩니다. 다음 섹션에서는 이 기능의 기술적 세부 사항에 대해 논의하겠습니다.

HTML - “텍스트 모드” 메뉴 항목이 페이지에서 선택됨

“텍스트 모드” 메뉴 항목을 선택하고 PDF 파일에 텍스트를 삽입할 편집기 내의 원하는 위치를 클릭하면 페이지에 삽입할 텍스트를 얻기 위한 입력 대화 상자가 표시됩니다. 텍스트를 제공하고 “확인” 버튼을 누르면 Editor.js 파일에서 “saveTextFromArea” 메서드가 호출됩니다.

Javascript - 입력 대화 상자에서 입력 텍스트를 가져와 편집기에 표시합니다.

Editor.js 탭 아래에서 saveTextFromArea 메서드의 소스 코드를 확인하십시오. 이 메서드는 입력 대화 상자에서 텍스트를 가져와 편집기에 표시합니다. 또한, 서버 측에서 PDF 파일에 텍스트를 삽입하는 데 사용되는 shapes 컬렉션에 데이터를 저장합니다. 파일이 저장될 때 호출되는 saveFile 메서드의 소스 코드를 확인할 수 있습니다.

ASP.NET 웹 메서드가 서버 요청을 처리합니다

위에서 언급한 바와 같이, 텍스트는 실제로 저장 작업을 수행할 때 우리의 원본 PDF 파일에 삽입됩니다. 이 작업은 PDF 파일에 삽입할 텍스트 스탬프를 생성하기 위해 GetTextStamp 메서드를 사용합니다. Canvas.aspx.cs 탭 아래에서 GetTextStamp 메서드의 소스 코드를 확인하십시오. 이 메서드는 Aspose.Pdf.TextStamp 클래스를 사용하여 PDF 파일에 텍스트를 삽입합니다.

PDF 파일에서 텍스트 강조

Html5 PDF 편집기를 사용하면 메뉴 바에서 “강조 모드” 옵션을 사용하여 PDF 파일에서 텍스트를 강조할 수 있습니다. 강조 모드 메뉴 항목을 선택하면 직사각형 강조 도구를 사용하여 텍스트와 영역을 강조할 수 있습니다. 다음 섹션에서는 이 기능의 기술적 세부 사항에 대해 논의하겠습니다.

HTML - “강조 모드” 메뉴 항목이 페이지에서 선택됨

“강조 모드” 메뉴 항목을 선택하면 PDF 파일의 텍스트나 항목 주위에 직사각형 강조를 그릴 수 있습니다. 이 프로세스의 구현은 Editor.js 파일의 “tools.rect” 메서드에서 확인할 수 있습니다.

Javascript - 편집기에서 강조 직사각형을 그립니다.

Editor.js 탭 아래에서 tool.rect 메서드의 소스 코드를 확인하십시오. 이 메서드는 사용자가 편집기에서 원하는 위치에 강조 직사각형을 그릴 수 있도록 합니다. 또한, 서버 측에서 원본 PDF 파일에 강조를 삽입하는 데 사용되는 shapes 컬렉션에 데이터를 저장합니다. 파일이 저장될 때 호출되는 saveFile 메서드의 소스 코드를 확인할 수 있습니다.

ASP.NET 웹 메서드가 서버 요청을 처리합니다

위에서 언급한 바와 같이, 강조는 실제로 저장 작업을 수행할 때 우리의 원본 PDF 파일에 삽입됩니다. 이 작업은 GetImageStamp 메서드를 사용하여 원본 PDF 파일의 지정된 위치에 이미지 스탬프를 삽입합니다. Canvas.aspx.cs 탭 아래에서 GetImageStamp 메서드의 소스 코드를 확인하십시오. 이 메서드는 Aspose.Pdf.ImageStamp 클래스를 사용하여 PDF 파일에 강조 직사각형을 삽입합니다.

PDF 파일에서 텍스트 검색

Html5 PDF 편집기를 사용하면 메뉴 바에서 “텍스트 검색” 옵션을 사용하여 PDF 파일에서 텍스트를 검색할 수 있습니다. “텍스트 검색” 메뉴 항목을 클릭하면 검색할 텍스트를 입력할 수 있는 대화 상자가 표시됩니다. 다음 섹션에서는 이 기능의 기술적 세부 사항에 대해 논의하겠습니다.

텍스트를 제공하고 검색 버튼을 누르면 검색된 단어의 모든 인스턴스가 강조 표시됩니다.

HTML - “텍스트 검색” 메뉴 항목이 페이지에서 클릭됨

“텍스트 검색” 메뉴 항목을 클릭하면 검색할 텍스트를 입력하기 위한 입력 대화 상자가 표시됩니다. 텍스트를 입력하고 검색 버튼을 누르면 “Move” 메서드가 호출되어 페이지 이동 작업이 수행되었는지 또는 검색 작업이 수행되었는지 확인한 후 Editor.js 파일의 performSearch 메서드를 호출합니다.

jQuery - SearchData 메서드에 대한 Ajax 서버 요청 전송

Editor.js 탭 아래에서 performSearch 메서드의 소스 코드를 확인하십시오. 이 메서드는 입력 텍스트를 가져와 서버 메서드 SearchData에 요청을 보냅니다.

ASP.NET 웹 메서드가 서버 요청을 처리합니다

Canvas.aspx.cs 탭 아래를 확인하십시오. performSearch 메서드에서 전달된 입력 텍스트를 사용하여 SearchData 메서드는 Aspose.Pdf.Text.TextFragmentAbsorber 클래스를 사용하여 원본 PDF 파일에서 입력 텍스트의 모든 인스턴스를 검색하고 System.Drawing.Brush 클래스를 사용하여 검색된 텍스트에 대해 강조를 그립니다. 데이터가 검색되면 결과 파일이 다시 이미지로 변환되어 편집기에 로드됩니다.

PDF 파일에서 텍스트 교체

Html5 PDF 편집기를 사용하면 메뉴 바에서 “텍스트 교체” 옵션을 사용하여 PDF 파일의 기존 텍스트를 교체할 수 있습니다. “텍스트 교체” 메뉴 항목을 클릭하면 검색할 텍스트와 교체할 텍스트를 입력할 수 있는 대화 상자가 표시됩니다.

HTML - “텍스트 교체” 메뉴 항목이 페이지에서 클릭됨

“텍스트 교체” 메뉴 항목을 클릭하면 검색할 텍스트와 교체할 텍스트를 입력하기 위한 입력 대화 상자가 표시됩니다. 텍스트를 입력하고 교체 버튼을 누르면 Editor.js 파일에서 “ReplaceText” 메서드가 호출됩니다.

jQuery - ReplaceText 메서드에 대한 Ajax 서버 요청 전송

Editor.js 탭 아래에서 ReplaceText 메서드의 소스 코드를 확인하십시오. 이 메서드는 입력 텍스트 대화 상자에서 입력 텍스트를 가져와 CanvasSave.aspx.cs 파일의 서버 메서드 ReplaceText에 요청을 보냅니다.

ASP.NET 웹 메서드가 서버 요청을 처리합니다

Canvas.aspx.cs 탭 아래를 확인하십시오. ReplaceText 메서드는 Aspose.Pdf.Text.TextFragmentAbsorber 클래스를 사용하여 원본 PDF 파일에서 교체할 텍스트의 모든 인스턴스를 검색하고 모든 인스턴스를 교체된 텍스트로 교체합니다. 텍스트가 교체되면 결과 파일이 다시 이미지로 변환되어 편집기에 로드됩니다.

양식 필드가 있는 PDF 파일 로딩

Html5 PDF 편집기를 사용하면 양식 필드가 포함된 PDF 파일을 로드하고 작업할 수 있습니다. 양식 필드가 포함된 파일이 편집기에 로드되면 모든 양식 필드가 편집을 위해 로드됩니다. 다음 섹션에서는 이 기능의 기술적 세부 사항에 대해 논의하겠습니다.

HTML - “컴퓨터에서 열기” 메뉴 항목이 페이지에서 클릭됨

jQuery - ProcessRequest 메서드에 대한 서버 요청 전송

파일이 서버에 게시되고 CanvasSave.aspx.cs 파일에서 “ProcessRequest” 메서드가 호출됩니다.

ASP.NET 웹 메서드가 서버 요청을 처리합니다

Canvas.aspx.cs 탭 아래를 확인하십시오. 전달된 양식 매개변수를 기반으로 업로드할 파일이 서버에 저장되고 ImageConverter 메서드는 업로드된 파일을 이미지로 변환하며 “CheckFields” 메서드가 호출됩니다. 이 메서드는 Aspose.Pdf.InteractiveFeatures.Forms 클래스를 사용하여 모든 양식 필드를 확인하고 필드에 대한 정보를 수집합니다. 즉, FieldType, Location 등을 수집하고 필드의 컬렉션을 ImageConverter 메서드로 반환합니다. ImageConverter 메서드는 제어를 Editor.js의 “fileSelected” 메서드로 반환합니다.

캔버스에 양식 필드 로딩

Editor.js 탭 아래에서 manageFields 메서드는 서버 측에서 반환된 정보를 기반으로 캔버스에 모든 필드를 생성하는 데 사용됩니다. 서버 측의 유형 및 위치 정보를 사용하여 HTML 필드 컨트롤을 캔버스에 그립니다.

필요한 양식 필드 강조

Html5 PDF 편집기를 사용하면 편집기에서 필요한 양식 필드를 강조할 수 있습니다. 양식 필드가 포함된 파일이 편집기에 로드되면 모든 필요한 양식 필드가 강조되어 사용자가 편집하는 데 도움을 줍니다. 다음 섹션에서는 이 기능의 기술적 세부 사항에 대해 논의하겠습니다.

HTML - “컴퓨터에서 열기” 메뉴 항목이 페이지에서 클릭됨

jQuery - ProcessRequest 메서드에 대한 서버 요청 전송

파일이 서버에 게시되고 CanvasSave.aspx.cs 파일에서 “ProcessRequest” 메서드가 호출됩니다.

ASP.NET 웹 메서드가 서버 요청을 처리합니다

Canvas.aspx.cs 탭 아래를 확인하십시오. 전달된 양식 매개변수를 기반으로 업로드할 파일이 서버에 저장되고 ImageConverter 메서드는 업로드된 파일을 이미지로 변환하며 “CheckFields” 메서드가 호출됩니다. 이 메서드는 Aspose.Pdf.InteractiveFeatures.Forms 클래스를 사용하여 모든 양식 필드를 확인하고 필드에 대한 정보를 수집합니다. 즉, FieldType, Location 등을 수집합니다. 모든 양식 필드의 세부 정보를 얻은 후, Aspose.Pdf.Facades.IsRequiredField 메서드를 사용하여 양식 필드가 필요한 필드인지 여부를 확인하고 필드의 컬렉션을 ImageConverter 메서드로 반환합니다. ImageConverter 메서드는 제어를 Editor.js의 “fileSelected” 메서드로 반환합니다.

캔버스에 양식 필드 로딩

Editor.js 탭 아래에서 manageFields 메서드는 서버 측에서 반환된 정보를 기반으로 캔버스에 모든 필드를 생성하는 데 사용됩니다. 서버 측의 유형 및 위치 정보를 사용하여 HTML 필드 컨트롤을 캔버스에 그립니다. 특정 필드가 필요한 경우, 제어 주위에 div(랩퍼라고 명명됨)를 사용하고 div의 배경색 속성을 변경하여 강조된 필드로 표시합니다.

WebForms DataGridView를 PDF로 렌더링하기