Я могу загрузить PDF-файл, внести в него графические изменения и сохранить измененный файл на своем рабочем столе. Код для этого следующий:
. Однако моей целью было бы сохранить файл обратно на сервер. Я не совсем понимаю, как получить данные измененного файла с помощью Javascript/Jquery. Как я могу это сделать?
=====
Вот мой текущий код:
Код: Выделить всё
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);
}
}
});
что почти хорошо. Единственная проблема, что он отображает оригинальный pdf, а не отредактированный. Я хотел бы отобразить отредактированный PDF-файл в div. Я хотел бы получить эти двоичные данные.
Подробнее здесь: https://stackoverflow.com/questions/771 ... d-pdf-file
Мобильная версия