복붙노트

[JQUERY] PHP와 jQuery로 여러 파일을 업로드

JQUERY

PHP와 jQuery로 여러 파일을 업로드

해결법

  1. 1.index.html을

    index.html을

    <html>
    <head>
        <title>Load files</title>
        <script src="jquery.min.js"></script>
        <script type="text/javascript">

            $(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>

    load.php

    <?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'];
        }
    }
?>

    2. from https://stackoverflow.com/questions/24168040/upload-multiple-files-with-php-and-jquery by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 요소 jQuery를 함께 표시되는 경우 감지 [중복]  (0) 2020.10.29
[JQUERY] 어떻게 jQuery를 버전이로드되는 것을 확인?  (0) 2020.10.29
[JQUERY] 있는 jqGrid 데이터는 브라우저 캐시에 저장?  (0) 2020.10.29
[JQUERY] JQuery와 아약스는 로컬 파일에서 작동하지 않습니다  (0) 2020.10.29
[JQUERY] 자바 스크립트를 통해 (CSS 변수 일명)는 CSS 사용자 정의 속성을 액세스  (0) 2020.10.29
,

티스토리툴바