jqueryのロード関数に新しいクラスを追加するには？

Question

ファイル拡張子が.jpgの場合は、ボタンに新しいクラスを割り当ててテキストボックスを非表示にします。私は間違って何をしているのですか？

HTML

<form method="post" enctype="multipart/form-data"> 
    Select image to upload: 
    <input type="file" class="flUpload" name="image" id="fileToUpload image"> 
    <input type="text" class='result' id='result'/> 
    <input type="submit" class="btnClick" id='btn' value="Upload Image" name="submit"> 
</form> 

PHP

<?php 
if(isset($_POST['submit'])) 
{ 
    $target_dir = "uploads/"; 
    $target_file = $target_dir . basename($_FILES["image"]["name"]); 
    $uploadOk = 1; 
    $imageFileType = pathinfo($target_file,PATHINFO_EXTENSION); 

    if (!move_uploaded_file($_FILES["image"]["tmp_name"], $target_file)) { 
    echo "Sorry, there was an error uploading your file."; 
    } 
} 
?> 

jQueryの

<script> 
$(function() { 
    $('#image').load(function() { 
    if ($('.flUpload').val() != '') { 
     var file = $('.flUpload')[0].files[0]; 
     var fileName = file.name; 
     var fileExt = '.' + fileName.split('.').pop(); 
     if(fileExt == ".jpg"){ 
     alert(fileExt); 
     $(".result").hide(); 
     $(".btnClick").addClass('newclass'); 
     } 
    } 
    else { 
    alert('Please select a file.') 
    } 
    }); 
}); 
</script> 

Answer 1

あなたは間違ったidファイルピッカーのを入力すると、あなたはchange

にイベント名を変更する必要があります

$(function() { 
    $('input[name="image"]').change(function() { 
     //............ 
    }); 
}); 

Working fiddle

それはあなたを助けるでしょう。