如何在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

它會幫助你。