Конвертируйте pdf в изображение перед загрузкой в ​​s3 - PullRequest
Новая
       7

Конвертируйте pdf в изображение перед загрузкой в ​​s3

0 голосов
/ 22 ноября 2018

У меня есть текущие настройки в React js, где я загружаю файлы в s3, используя многоэтапную загрузку в качестве буфера. Однако, если формат файла - pdf, видео, аудио и т. Д., Я хочу преобразовать его в изображение перед загрузкой в ​​s3;Думайте об этом как о генерации миниатюр. Я много об этом читал, но не смог найти правильного решения для своих нужд, может кто-нибудь предложить какое-нибудь возможное решение? (где бэкэнд вообще не задействован) PS: Я посмотрел pdf.но я не знаю, как его использовать, пока мой тип файла является буферным, и какой тип он будет возвращать, и могу ли я загрузить его таким же образом на S3.Малкий пример поможет миль.Заранее спасибо !! 

    var pdfData = buffer;
    var pdfjsLib = window['pdfjs-dist/build/pdf'];

    pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.0.943/pdf.worker.min.js';

    var loadingTask = pdfjsLib.getDocument({data: pdfData});
    loadingTask.promise.then(function(pdf) {
        console.log('PDF loaded');
        pdf.getPage(1).then(function getPageHelloWorld(page) {

            var scale = 1.5;
            var viewport = page.getViewport(scale);
            console.log('page',viewport);
            //
            // Prepare canvas using PDF page dimensions
            //
            var canvas = document.getElementById('bulk-thumbnails');
            var context = canvas.getContext('2d');
            canvas.height = viewport.height;
            canvas.width = viewport.width;

            //
            // Render PDF page into canvas context
            //
            page.render({canvasContext: context, viewport: viewport});
        });

1 Ответ

0 голосов
/ 22 ноября 2018

Согласно 2-му примеру pdf.js (по ссылке ниже) вы также можете загрузить файл PDF, используя его код base64.

https://mozilla.github.io/pdf.js/examples/index.html#interactive-examples

var pdfData = atob('PDF file in Base64...');
var pdfjsLib = window['pdfjs-dist/build/pdf'];

// The workerSrc property shall be specified.
pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js';

// Using DocumentInitParameters object to load binary data.
var loadingTask = pdfjsLib.getDocument({data: pdfData});
loadingTask.promise.then(function(pdf) {
  console.log('PDF loaded');
});

И загрузитьPDF-файл в виде кода base64, вы можете использовать HTML5 FileReader вот так 

function getBase64(file) {
   var reader = new FileReader();
   reader.readAsDataURL(file);
   reader.onload = function () {
     console.log(reader.result);
   };
   reader.onerror = function (error) {
     console.log('Error: ', error);
   };
}

var file = document.querySelector('#files > input[type="file"]').files[0];
getBase64(file); // prints the base64 string

Ссылка на Как преобразовать файл в base64 в JavaScript?

Надеюсь, это поможет

...