How to create an upload system that creates and modifies html

Asked

Viewed 62 times

0

Guys I’m trying to create an online library, I found an open-source solution that puts the pdf in the folder and changes the address in index.html. When you do this it will create a pdf viewer. Is there any way I can create an arch (php,html, anyone) that when I send a pdf it creates another folder and modifies the address of the file follows below the code The line I want to change is 52 or is the last

<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>Demo of pdfListView</title>

    <style>
        .page-container {
          margin: 10px auto;
        }

        .page-view canvas {
          box-shadow: black 0px 0px 10px;
        }
    </style>

    <!-- File from the PDF.JS Library -->
    <script type="text/javascript" src="external/compatibility.js"></script>
    <script type="text/javascript" src="external/pdf.js"></script>
    <script type="text/javascript">PDFJS.workerSrc = 'external/pdf.worker.js';</script>

    <!-- Leave out the following two files if you don't need a textLayer -->
    <link rel="stylesheet" href="src/TextLayer.css">
    <script src="src/TextLayerBuilder.js"></script>

    <!-- Leave out the following two files if you don't need an annotations layer -->
    <link rel="stylesheet" href="src/AnnotationsLayer.css">
    <script src="src/AnnotationsLayerBuilder.js"></script>

    <!-- Core pdfListView file -->
    <script src="src/PdfListView.js"></script>
</head>
<body>

<div id="main" style="position: absolute; top:0px; bottom:0px; left: 0; right: 0; overflow:scroll">
    <!-- The pageContainers go here !-->
</div>


<script type="text/javascript">
    window.pdfListView = new PDFListView(
        document.getElementById("main"),
        {
            // Comment out the next line to get a listView without textLayer.
            textLayerBuilder: TextLayerBuilder,
            annotationsLayerBuilder: AnnotationsLayerBuilder,
            logLevel: PDFListView.Logger.DEBUG
        }
    );
    pdfListView.loadPdf("http://playofthegame.me/ebooks/A_HIST%c3%93RIA_SECRETA_DA_MA%c3%87ONARIA_E_ORDEM_ROSACRUZ_-_por_Jakim_Booz.pdf");
</script>
</body>
</html>

  • Leonardo, I was very confused but interested in your question, could explain better or give a practical example ?

  • like this youtube when you upload a video it creates a pro video page. I wanted to do like this. so in the place in the video is the pdf.

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.