Heim >Backend-Entwicklung >PHP-Tutorial >Wie implementiert man mehrere Datei-Uploads in PHP mit jQuery?

Wie implementiert man mehrere Datei-Uploads in PHP mit jQuery?

Patricia ArquetteOriginal: 2024-11-01 06:04:02911Durchsuche

How to Implement Multiple File Uploads in PHP using jQuery?

Mehrere Dateien mit PHP und jQuery hochladen

In diesem Szenario versuchen Sie, mehrere Dateien mit PHP und jQuery hochzuladen. Befolgen Sie dazu die unten aufgeführten Schritte.

Index.html

<code class="html"><html>
    <head>
        <title>Load files</title>
        <script src="jquery.min.js"></script>
        <script>
            $(document).ready(function() {
                $("#myfiles").on("change", function() {
                    var myfiles = document.getElementById("myfiles");
                    var files = myfiles.files;
                    var data = new FormData();

                    for (i = 0; i < files.length; i++) {
                        data.append('file' + i, files[i]);
                    }

                    $.ajax({
                        url: 'load.php',
                        type: 'POST',
                        contentType: false,
                        data: data,
                        processData: false,
                        cache: false
                    }).done(function(msg) {
                        $("#loadedfiles").append(msg);
                    });
                });
            });
        </script>
    </head>
    <body>
        <div id="upload">
            <div class="fileContainer">
                <input id="myfiles" type="file" name="myfiles[]" multiple="multiple" />
            </div>
        </div>
        <div id="loadedfiles">
        </div>
    </body>
</html></code>

load.php

<code class="php">$path="myfiles/";//server path
foreach ($_FILES as $key) {
    if($key['error'] == UPLOAD_ERR_OK ){
        $name = $key['name'];
        $temp = $key['tmp_name'];
        $size= ($key['size'] / 1000)."Kb";
        move_uploaded_file($temp, $path . $name);
        echo "
            <div>
                <h12><strong>File Name: $name</strong></h2><br />
                <h12><strong>Size: $size</strong></h2><br />
                <hr>
            </div>
            ";
    }else{
        echo $key['error'];
    }
}</code>

Das obige ist der detaillierte Inhalt vonWie implementiert man mehrere Datei-Uploads in PHP mit jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php jquery using this

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Wie werden Zeilenumbrüche in regulären Ausdrücken beim Erfassen von Text zwischen „Tags“ abgeglichen?Nächster Artikel：Wie werden Zeilenumbrüche in regulären Ausdrücken beim Erfassen von Text zwischen „Tags“ abgeglichen?

In Verbindung stehende Artikel

Mehr sehen