Pdf.js - Получить данные модифицированного файла PDFJquery

Программирование на jquery
Ответить
Anonymous
 Pdf.js - Получить данные модифицированного файла PDF

Сообщение Anonymous »

Я использую стабильную версию PDF.JS (v3.10.111) (для современных браузеров) из https://mozilla.github.io/pdf.js/gettin ... /#download.
Я могу загрузить файл PDF и сделать графическую модификацию на нем и сохранить модифицированный файл на Desktop. Код для этого - следующее: < /p>

Однако моя цель - сохранить файл обратно на сервер. Я не совсем знаю, как я могу получить данные модифицированного файла с JavaScript / jQuery. Как я могу это сделать? < /P>
Вот мой текущий код: < /p>









web/viewer.html?file=a.pdf

Download PDF



$(document).ready(function () {
let pdfDocument = null;
let editedPdfData = null; // To store edited PDF data

const pdfUrl = 'a.pdf';

pdfjsLib.getDocument(pdfUrl).promise.then(function (pdfDoc) {
pdfDocument = pdfDoc;

$('#downloadPdfButton').click(function () {
if (pdfDocument) {
// Check if editedPdfData is available, if not, use the original PDF data
if (editedPdfData) {
// Use the edited PDF data
displayEditedPdfData();
} else {
// Get the PDF blob data
pdfDocument.getData().then(function (data) {
// Create a Blob from the binary PDF data
const pdfBlob = new Blob([data], { type: 'application/pdf' });

// Create a URL for the Blob
const pdfUrl = URL.createObjectURL(pdfBlob);

// Display the original PDF binary data in the div
displayPdfData(pdfUrl);
});
}
} else {
alert('PDF not loaded.');
}
});
});

// Function to display PDF data in the div
function displayPdfData(dataUrl) {
const pdfDataContainer = document.getElementById('pdf-data-container');
pdfDataContainer.innerHTML = ``;
}

// Function to display edited PDF data in the div
function displayEditedPdfData() {
if (editedPdfData) {
// Create a Blob from the edited PDF data
const editedPdfBlob = new Blob([editedPdfData], { type: 'application/pdf' });

// Create a URL for the Blob
const editedPdfUrl = URL.createObjectURL(editedPdfBlob);

// Display the edited PDF binary data in the div
displayPdfData(editedPdfUrl);
}
}

});



< /code>
, что почти хорошо. Единственная проблема, которая отображает исходный PDF, а не отредактированный. Я хотел бы отобразить отредактированный PDF в Div. Я хотел бы получить эти двоичные данные.

Подробнее здесь: https://stackoverflow.com/questions/771 ... d-pdf-file
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»