5 способов просмотра PDF-файлов онлайн без загрузки с помощью CodeIgniter - Fcodenotes

В наш век цифровых технологий PDF-файлы стали популярным способом обмена и распространения документов. Однако загрузка PDF-файла каждый раз, когда вы хотите его просмотреть, может оказаться трудоемкой и обременительной задачей. Если вы работаете с CodeIgniter, мощным PHP-фреймворком, вам повезло! В этой статье мы рассмотрим пять способов просмотра PDF-файлов онлайн без загрузки с помощью CodeIgniter. Итак, приступим!

Метод 1: Средство просмотра документов Google
Один из самых простых способов просмотра PDF-файлов в Интернете — использование средства просмотра документов Google. Он позволяет встраивать PDF-файлы непосредственно на вашу веб-страницу, позволяя пользователям просматривать их без необходимости скачивания. Вот пример того, как вы можете использовать его в CodeIgniter:

$url = 'https://example.com/path/to/your/pdf/file.pdf';
$embedUrl = 'https://docs.google.com/viewer?url=' . urlencode($url);

Метод 2: PDF.js
PDF.js — это библиотека JavaScript, позволяющая отображать PDF-файлы непосредственно на веб-странице. Он обеспечивает удобство просмотра без необходимости использования каких-либо внешних плагинов или загрузок. Чтобы использовать PDF.js с CodeIgniter, выполните следующие действия:

Шаг 1. Загрузите библиотеку PDF.js с официального сайта.
Шаг 2. Извлеките загруженные файлы и поместите их в общедоступный каталог вашего проекта CodeIgniter.
Шаг 3. Включите необходимые файлы JavaScript и CSS. в файле представления CodeIgniter.

<script src="<?php echo base_url('path/to/pdf.js'); ?>"></script>
<link rel="stylesheet" href="<?php echo base_url('path/to/pdf_viewer.css'); ?>">

Шаг 4. Отобразите PDF-файл с помощью средства просмотра PDF.js.

<div id="pdf-viewer"></div>
<script>
  pdfjsLib.getDocument('<?php echo base_url('path/to/your/pdf/file.pdf'); ?>').promise.then(function(pdf) {
    pdf.getPage(1).then(function(page) {
      var canvas = document.getElementById('pdf-viewer');
      var context = canvas.getContext('2d');
      var viewport = page.getViewport({ scale: 1 });
      canvas.height = viewport.height;
      canvas.width = viewport.width;

      page.render({ canvasContext: context, viewport: viewport });
    });
  });
</script>

Метод 3: PDFObject
PDFObject — это легкая библиотека JavaScript, которая позволяет встраивать PDF-файлы в веб-страницы с помощью HTML-разметки, соответствующей стандартам. Вот как вы можете использовать его в CodeIgniter:

Шаг 1. Загрузите библиотеку PDFObject с официального сайта.
Шаг 2. Извлеките загруженные файлы и поместите их в общедоступный каталог вашего проекта CodeIgniter.
Шаг 3. Включите необходимый файл JavaScript в представление CodeIgniter. файл.

<script src="<?php echo base_url('path/to/pdfobject.js'); ?>"></script>

Шаг 4. Встройте PDF-файл с помощью PDFObject.

<div id="pdf-viewer"></div>
<script>
  var options = {
    pdfOpenParams: { toolbar: '1' },
    fallbackLink: '<p>PDF Viewer Plugin is not available. <a href="<?php echo base_url('path/to/your/pdf/file.pdf'); ?>">Download PDF</a></p>'
  };
  PDFObject.embed('<?php echo base_url('path/to/your/pdf/file.pdf'); ?>', '#pdf-viewer', options);
</script>

Метод 4: плагин PDF Embedder
Если вы используете CodeIgniter с WordPress, вы можете воспользоваться преимуществами плагина PDF Embedder. Он позволяет вам легко вставлять PDF-файлы в ваши записи или страницы WordPress. Вот как вы можете его использовать:

Шаг 1. Установите и активируйте плагин PDF Embedder на своем сайте WordPress.
Шаг 2. Загрузите PDF-файл в свою медиатеку.
Шаг 3. В файле представления CodeIgniter используйте следующий короткий код для встраивания PDF-файла:

Метод 5: PDF.js Express
PDF.js Express — это коммерческая библиотека JavaScript, предлагающая расширенные функции для просмотра и аннотирования PDF-файлов в браузере. Хотя для коммерческого использования требуется лицензия, он обеспечивает надежное решение для работы с PDF-файлами в Интернете. Вот базовый пример использования PDF.js Express в CodeIgniter:

Шаг 1. Получите лицензию на PDF.js Express на официальном сайте.
Шаг 2. Следуйте инструкциям по установке, прилагаемым к лицензии.
Шаг 3. Используйте приведенный ниже фрагмент кода для встраивания и визуализации файла. PDF-файл:

<div id="pdf-viewer"></div>
<script>
  var viewerElement = document.getElementById('pdf-viewer');
  var viewer = new PDFViewer({
    licenseKey: 'YOUR_LICENSE_KEY',
    path: '<?php echo base_url('path/to/your/pdf/file.pdf'); ?>'
  });
  viewerElement.addEventListener('viewerLoaded', function() {
    viewer.open();
  });
</script>

В этой статье мы рассмотрели пять различных способов просмотра PDF-файлов онлайн без загрузки с помощью CodeIgniter. От использования Google Docs Viewer до продвинутых библиотек, таких как PDF.js Express, каждый метод имеет свои преимущества. В зависимости от ваших конкретных требований и предпочтений вы можете выбрать метод, который наилучшим образом соответствует вашим потребностям. Внедрив эти методы, вы сможете улучшить взаимодействие с пользователем на своем веб-сайте и сделать просмотр PDF-файлов онлайн более удобным.