jQueryを使用してPHPで複数のファイルのアップロードを実装するにはどうすればよいですか?-PHPチュートリアル-php.cn

jQueryを使用してPHPで複数のファイルのアップロードを実装するにはどうすればよいですか?

Patricia Arquette

リリース： 2024-11-01 06:04:02

オリジナル

910 人が閲覧しました

How to Implement Multiple File Uploads in PHP using jQuery?

PHP と jQuery を使用した複数のファイルのアップロード

このシナリオでは、PHP と jQuery を使用して複数のファイルをアップロードしようとしています。これを行うには、以下の手順に従います。

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>

ログイン後にコピー

以上がjQueryを使用してPHPで複数のファイルのアップロードを実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。