Код:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://cdn.jsdelivr.net/npm/pdfjs-dist@2.0.943/build/pdf.min.js"></script>
<title>PDF.js Example</title>
</head>
<body>
<canvas id="my_canvas"></canvas>
<script>
pdfjsLib.getDocument('https://gahp.net/wp-content/uploads/2017/09/sample.pdf').then(doc =>{
console.log(doc._pdfInfo.numPages);
doc.getPage(1).then(page =>{
var myCanvas = document.getElementById("my_canvas");
var context = myCanvas.getContext("2d");
var viewport = page.getViewport(1);
myCanvas.width = viewport.width;
myCanvas.height = viewport.height;
page.render({
canvasContext: context,
viewport:viewport
});
});
});
</script>
</body>
</html>
Это код, который я пробовал. Я могу сделать локальный PDF-файл, но не удалось получить из URL-адреса или с любой PDF-ссылки диска. Получение проблемы как: ccess для извлечения в 'https://gahp.net/' от источника 'https://xxxxxx.com' было заблокировано политикой CORS: нет заголовка 'Access-Control-Allow-Origin' присутствует на запрашиваемом ресурсе. Если непрозрачный ответ отвечает вашим потребностям, установите режим запроса «no-cors», чтобы получить ресурс с отключенным CORS.
Пожалуйста, дайте знать, если кто-нибудь, как это сделать. Спасибо