jQuery를 사용하여 PHP에서 다중 파일 업로드를 구현하는 방법은 무엇입니까?-PHP 튜토리얼-php.cn

jQuery를 사용하여 PHP에서 다중 파일 업로드를 구현하는 방법은 무엇입니까?

Patricia Arquette

풀어 주다： 2024-11-01 06:04:02

원래의

814명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!