Ajaxで画像をアップロードする

./img_upload.php
※./img/フォルダは、パーティションを777にする
[PHP]
<?php
    $img_tmp  = $_FILES["dataFile"]["tmp_name"];
    $img_name = $_FILES["dataFile"]["name"];
    $img_size = $_FILES["dataFile"]["size"];
    if($_FILES){
        if($img_tmp != "" and $img_size <= 3000000){
            $FilePath = "./img/".date("Ymdhis").".".GetExt($img_name);
            move_uploaded_file($img_tmp,$FilePath);
        }else{
            $size_error = "選択なし。または、ファイルサイズが3メガバイト以上です。";
        }
    }
    // GetExt
    // ファイルの拡張子を取得します。
    function GetExt($FilePath){
        $f=strrev($FilePath);
        $ext=substr($f,0,strpos($f,"."));
        return strrev($ext);
    }
?>

./imglist.php
[PHP]
<?php
    $lst = "./img"; // 表示するリストの名前(パス)

    $dir = dir($lst);

    while($fl=$dir->read()) {
        $timelist[] = filemtime($lst."/".$fl);
        $array_dir[] = $lst."/".$fl;
    }
    array_multisort($timelist,SORT_DESC,$array_dir);
    foreach($array_dir as $fl){
      if($fl!="./img/.." && $fl!="./img/." ) {
        echo "<img src='{$fl}' class='img_list' title='クリックして追加' />";
      }
    }
    $dir->close();
?>

./add.js
[Javascript]
$(function(){
    /*IE対策メソッド--------------------------*/
    $.ajaxSetup({
        cache: false //キャッシュをさせないようにする
    });
    /*画像の読み込み機能--------------------------*/
    function img_read(){
        $.ajax({
            url: "./imglist.php",
            dataType:"html"
        }).done(function(data){
            if(data!="")
                $("#img_list").html(data);
            else
                $("#img_list").html("追加された画像が表示されます<br />");
        });
    }
    img_read();
    /*画像アップロード機能--------------------------*/
    $("#imgForm").submit(function(){
        var $form, fd;
        $form = $("#imgForm");
        fd = new FormData($form[0]);
            $.ajax($form.attr("action"), {
            type: 'post',
            processData: false,
            contentType: false,
            data:fd,
            dataType:'html'
            }).done(function(){
                if($("#sendFile").val()!="")
                    $("#img_message").html("送信完了");
                else
                    $("#img_message").html("選択してください");
                img_read();
            }).fail(function(){
                $("#img_message").html("送信失敗");
            });
        return false;
    });
});

[HTML]
<script type="text/javascript" src="./jquery-2.0.3.js"></script><!--ダウンロードしてくる-->
<script type="text/javascript" src="./add.js"></script>
<!-- img -->
<div id="contents_image">
IMAGE&nbsp;
<span id="img_message"></span>
<form id="imgForm" method="post" action="./img_upload.php" enctype="multipart/form-data" encoding="multipart/form-data">
<input name="dataFile" id="sendFile" type="file" size="22" /><br />
<input id="imgSubmit" type="submit" value="送信">
</form>
<br />
</div>
<div id="img_list">
追加された画像が表示されます<br />
</div>

$form = $('#upload-form');
fd = new FormData($form[0]);

<script>
function upload(form) {
    $form = $('#upload-form');
    fd = new FormData($form[0]);
    $.ajax(
        'http://example.com/uploader.php',
        {
            type: 'post',
            processData: false,
            contentType: false,
            data: fd,
            dataType: "json",
            success: function(data) {
            alert( data.message );
            console.log(data);
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            alert( "ERROR" );
            alert( textStatus );
            alert( errorThrown );
        }
    });
    return false;
}
</script>

<form id="upload-form" method="post" enctype="multipart/form-data" onSubmit="return upload(this);">
 <input id="upload-form-file" name="userfile" size="27" type="file" accept="image/*;capture=camera"/>

<?php
  $textUpload = "";
 
  if ($_FILES['userfile']):
      $uploadfile = __DIR__ . '/uploads/image.jpg';
    if (move_uploaded_file($_FILES['userfile']['tmp_name'],$uploadfile)) {
      $textUpload = "File is uploaded";
    } else {
      $textUplaod = "Upload fail";
    }
  endif;
 
    header( 'Content-Type: application/json; charset=utf-8', true ); 
    echo json_encode( array("message" => "Upload is OK")  );
    
?>