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

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

Patricia Arquette원래의: 2024-11-01 06:04:02815검색

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

php jquery using this

성명：

이전 기사：`` 태그 사이의 텍스트를 캡처할 때 정규식에서 개행 문자를 일치시키는 방법은 무엇입니까?다음 기사：`` 태그 사이의 텍스트를 캡처할 때 정규식에서 개행 문자를 일치시키는 방법은 무엇입니까?