Как добавить новый класс в функцию загрузки в jquery?

Question

Я хочу, чтобы, если расширение файла .jpg, то назначьте новый класс кнопке и спрячьте текстовое поле. on flie load function это мой код, что я делаю неправильно?

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

Это поможет вам.