Как подключить просмотрщик PDF для загрузки и чтения из медиатеки в WordPress? - PullRequest
Новая
       9

Как подключить просмотрщик PDF для загрузки и чтения из медиатеки в WordPress?

0 голосов
/ 07 марта 2019

Мой код загружается и показывает PDF, но он хранится только временно. Когда я обновляю страницу, документ исчез. Как сделать так, чтобы хранить в медиатеке на моем сайте WordPress. Что мне нужно добавить, чтобы получить эту функциональность, когда я загружаю PDF для хранения в медиатеку и вьюер, чтобы прочитать сгенерированный в PDF путь URL. DemoPDF 

<script>
    function next() {
        var current = $("#slider-1 .slide-1:visible");
        current.hide();
        var next = current.next(".slide-1");
        if(next.length == 0)
            next = current.siblings().filter(":first")
        console.log(next);
        next.show();
    }
    setInterval(next, 20000);


    $(function (){
        duration: 20000;
        $('.simple-marquee-container').SimpleMarquee({duration: 100000});
            $(".marquee-1").trigger('mouseenter');
        $(".marquee-1").trigger('mouseleave');
    });
// PDF EMBED
    var __PDF_DOC,
        __CURRENT_PAGE,
        __TOTAL_PAGES,
        __PAGE_RENDERING_IN_PROGRESS = 0,
        __CANVAS = $('#pdf-canvas').get(0),
        __CANVAS_CTX = __CANVAS.getContext('2d');

    function showPDF(pdf_url) {
        $("#pdf-loader").show();

        PDFJS.getDocument({ url: pdf_url }).then(function(pdf_doc) {
            __PDF_DOC = pdf_doc;
            __TOTAL_PAGES = __PDF_DOC.numPages;

            // Hide the pdf loader and show pdf container in HTML
            $("#pdf-loader").hide();
            $("#pdf-contents").show();
            $("#pdf-total-pages").text(__TOTAL_PAGES);

            // Show the first page
            showPage(1);
        }).catch(function(error) {
            // If error re-show the upload button
            $("#pdf-loader").hide();
            $("#upload-button").show();

            alert(error.message);
        });;
    }
    function showPage(page_no) {
        __PAGE_RENDERING_IN_PROGRESS = 1;
        __CURRENT_PAGE = page_no;

        // Disable Prev & Next buttons while page is being loaded
        $("#pdf-next, #pdf-prev").attr('disabled', 'disabled');

        // While page is being rendered hide the canvas and show a loading message
        $("#pdf-canvas").hide();
        $("#page-loader").show();

        // Update current page in HTML
        $("#pdf-current-page").text(page_no);

        // Fetch the page
        __PDF_DOC.getPage(page_no).then(function(page) {
            // As the canvas is of a fixed width we need to set the scale of the viewport accordingly
            var scale_required = __CANVAS.width / page.getViewport(1).width;

            // Get viewport of the page at required scale
            var viewport = page.getViewport(scale_required);

            // Set canvas height
            __CANVAS.height = viewport.height;

            var renderContext = {
                canvasContext: __CANVAS_CTX,
                viewport: viewport
            };

            // Render the page contents in the canvas
            page.render(renderContext).then(function() {
                __PAGE_RENDERING_IN_PROGRESS = 0;

                // Re-enable Prev & Next buttons
                $("#pdf-next, #pdf-prev").removeAttr('disabled');

                // Show the canvas and hide the page loader
                $("#pdf-canvas").show();
                $("#page-loader").hide();
            });
        });
    }
</script>
...