Я использую стабильную версию 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
Pdf.js - Получить данные модифицированного файла PDF ⇐ Jquery
Программирование на jquery
-
Anonymous
1743593715
Anonymous
Я использую стабильную версию PDF.JS (v3.10.111) (для современных браузеров) из https://mozilla.github.io/pdf.js/getting_started/#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. Я хотел бы получить эти двоичные данные.
Подробнее здесь: [url]https://stackoverflow.com/questions/77115407/pdf-js-get-data-of-modified-pdf-file[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия