Creazione di un div con php o js

Stefano Migotto

Nuovo Utente
21 Nov 2019
6
0
1
Buon giorno, ho appena creato uno script che fa caricare sul server dove e hostato il sito un file che può scegliere la persona, io vorrei che quando facesse upload il sito creasse un div sul'html e aggiungendolo alla lista di altri file aggiunti i precedenza, ovviamente tutto questo collegato al'upload ovviamente se riavvio la pagina vorrei che mi rimanga salvato il div se per caso sapete come potrei fare scrivetemelo grazie se non mi sono spiegato per piacere ditemelo.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
3.985
295
83

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
3.985
295
83

Stefano Migotto

Nuovo Utente
21 Nov 2019
6
0
1
HTML:
<html>

<head>
    <!-- Altro -->
    <meta charset="UTF-8">
    <title>WebBook - StefanoMigotto</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Link file -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Titillium+Web:300,700,300italic'>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="main/css/Style.css">
    <!-- partial:index.partial.html -->

    <!-- Font -->
    <link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
</head>

<body>
    <div class="_title">
        <h1 class="title">WebBook - StefanoMigotto</h1>
    </div>
    <div>
        <h1 class="status_agg">Ultimo Aggiornamento il: 19/11/2019</h1>
        <ul>
            <li>
                <!-- ITALIANO -->
                <input type="checkbox" checked>
                <i></i>
                <h2>Italiano</h2>
                <p>

                    <a href="main/file/ita/Il visconte dimezzato 15.10.19.odt">
                        <button class="button js-button">Il Visconte dimezzato <strong>Data: 15/10/19</strong></button>
                    </a>

                    <a href="main/file/ita/Trasformazione da discorso diretto  a discorso indiretto.odt">
                        <button class="button js-button">Trasformazione da discorso diretto  a discorso indiretto <strong>Data: 26/10/19</strong></button>
                    </a>

                    <a href="main/file/ita/Riassunto.odt">
                        <button class="button js-button">Riassunto <strong>Data: 31/10/19</strong></button>
                    </a>

                    <a href="main/file/ita/Relazione di un'esperinza 5.11.2019.docx">
                        <button class="button js-button">Riassunto di un'esperienza <strong>Data: 5/11/19</strong></button>
                    </a>

                    <a href="main/file/ita/LA RELAZIONE 6.11.19.docx">
                        <button class="button js-button">La relazione <strong>Data: 6/11/19</strong></button>
                    </a>

                    <a href="main/file/ita/TRASFORMO LA RELAZIONE IN TERZA PERSONA 6.11.19.docx">
                        <button class="button js-button">Trasformo la relazione in terza persona <strong>Data: 6/11/19</strong></button>
                    </a>
                    <a href="main/file/ita/Il Colosseo 7.11.2019.docx">
                        <button class="button js-button">Il Colosseo <strong>Data: 7/11/19</strong></button>
                    </a>
                    <a href="main/file/ita/12.11.19 Relazione .docx">
                        <button class="button js-button">Relazione <strong>Data: 12/11/19</strong></button>
                    </a>
                    <a href="main/file/ita/I RUOLI DEL GRUPPO19.11.19.docx">
                        <button class="button js-button">I Ruoli nel gruppo <strong>Data: 19/11/19</strong></button>
                    </a>
                    <a href="main/file/ita/I RUOLI DELLA 2A 19.11.19.docx">
                        <button class="button js-button">I Ruoli della 2A <strong>Data: 19/11/19</strong></button>
                    </a>



                </p>


                <!-- COPY
                  


                    <a href="main/file/ita/dt 15.10.19.odt">
                        <button class="button js-button">tt <strong>Data: 15/10/19</strong></button>
                    </a>




                             <a href="main/file/sto/dt 15.10.19.odt">
                        <button class="button js-button">tt <strong>Data: 15/10/19</strong></button>
                    </a>





                             <a href="main/file/gram/dt 15.10.19.odt">
                        <button class="button js-button">tt <strong>Data: 15/10/19</strong></button>
                    </a>



                -->
            </li>
            <li>
                <!-- STORIA -->
                <input type="checkbox" checked>
                <i></i>
                <h2>Storia</h2>
                <p>
                    <a href="main/file/sto/I ROMANI 3.10.19.odt">
                        <button class="button js-button">I Romani <strong>Data: 3/10/19</strong></button>
                    </a>
                    <a href="main/file/sto/LA STORIA DI ROMA.odt">
                        <button class="button js-button">La storia di Roma <strong>Data: 17/10/19</strong></button>
                    </a>
                    <a href="main/file/sto/OTTAVO AUGUSTO 21.10.19.odt">
                        <button class="button js-button">Ottaviano Augusto <strong>Data: 21/10/19</strong></button>
                    </a>
                    <a href="main/file/sto/Riassunto cesare.odt">
                        <button class="button js-button">Riassunto Cesare <strong>Data: 24/10/19</strong></button>
                    </a>

                </p>
            </li>
            <li>
                <!-- GRAMMATICA -->
                <input type="checkbox" checked>
                <i></i>
                <h2>Grammatica</h2>
                <p>
                    <a href="main/file/gram/REGOLE GRAMMATICALI DEL RIASSUNTO 22.10.19.odt">
                        <button class="button js-button">Regole grammaticali del riassunto <strong>Data: 26/10/19</strong></button>
                    </a>
                    <a href="main/file/gram/RIPASSO VERBI 26.10.19.odt">
                        <button class="button js-button">Ripasso Verbi <strong>Data: 26/10/19</strong></button>
                    </a>
                </p>
            </li>
        </ul>
    </div>



    <!-- System Upload -->
    <div class="all-sy">
        <div class="_sy1">
            <form action="main/php/upload-ita.php" method="post" enctype="multipart/form-data">
                <p class="sy_p">(File Supportati: .odt .docx)</p>
                <p class="sy_c">CARTELLA: ITALIANO</p>
                <input class="inp_1" type="file" name="fileToUpload" id="fileToUpload">
                <button class="inp_2" type="submit" value="Upload" name="submit">Carica</button>
            </form>
        </div>
        <div class="_sy2">
            <form action="main/php/upload-sto.php" method="post" enctype="multipart/form-data">
                <p class="sy_p">(File Supportati: .odt .docx)</p>
                <p class="sy_c">CARTELLA: STORIA</p>
                <input class="inp_1" type="file" name="fileToUpload" id="fileToUpload">
                <button class="inp_2" type="submit" value="Upload" name="submit">Carica</button>
            </form>
        </div>
        <div class="_sy3">
            <form action="main/php/upload-gram.php" method="post" enctype="multipart/form-data">
                <p class="sy_p">(File Supportati: .odt .docx)</p>
                <p class="sy_c">CARTELLA: GRAMMATICA</p>
                <input class="inp_1" type="file" name="fileToUpload" id="fileToUpload">
                <button class="inp_2" type="submit" value="Upload" name="submit">Carica</button>
            </form>
        </div>
    </div>

    <div>Il testo sopra è stato creato dinamicamente.</div>


    <div>
        <p class="copyright">Copyright StefanoMigotto</p>
    </div>
    <!-- Script -->
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>
PHP:
<?php
$target_dir = "../file/ita/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
    $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
    if($check !== false) {
        echo "  Il File è una immagine { <br> " . $check["mime"] . ".";
        $uploadOk = 1;
    } else {
        echo " RegistroLog - Se noti qualche errore reportalo al possessore del server (StefanoMigotto) <br>  ";
        $uploadOk = 1;
    }
}
// Check if file already exists
if (file_exists($target_file)) {
    echo " Errore: Il file gia esiste <br>";
    $uploadOk = 0;
}
// Check file size
if ($_FILES["fileToUpload"]["size"] > 5000000000) {
    echo " Errore: Il file e troppo grande per essere caricato Status_File = ERROR <br>";
    $uploadOk = 1;
}
// Allow certain file formats
// Allow certain file formats
if($imageFileType != "odt" && $imageFileType != "docx") {
    echo " Errore: [ Solo i file con estensione .odt e .docx sono accettati ] Status_File = ERROR <br> ";
    $uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
    echo " Errore: Il file non e stato caricato correttamente Status_File = ERROR <br>";
// if everything is ok, try to upload file
} else {
    if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
        echo " Il File: { ". basename( $_FILES["fileToUpload"]["name"]). " e stato correttamente caricato sul server } Status_File = OK <br>";
    } else {
        echo " ERROR. <br> ";
    }
}
?>
I FILE PHP SONO 3 PERO SONO UGUALI QUINDI PRENDI IN CONSIDERAZIONE QUESTO
 

Tommy03

Utente Attivo
6 Giu 2018
87
6
8
16
Bassano del Grappa (VI)
Ultima modifica: