Jquery onchange işlevi gizli dosya denetiminde çağrılmadı

Question

Dosya seçiminde veya işlev değiştirilirken onchange işlevini çağırmak istiyorum, ancak ayarlamayı yaptığım için onchange işlevi çağrılmadı çünkü dosya denetimi yok çünkü ben görüntü tıklamasında çağırmak kullanarak, ben Onchange işlevini aramak anlayamıyorum:

$(document).ready(function() { 
 
    $('#profile-image').on('click', function() { 
 
    $('#photo').click(); // opens up the file dialog for selection of image 
 
    }); 
 
}); 
 

 
$("#photo").change(function() { 
 
    alert($(this).val()) 
 
});

.hidden_img { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<input class="hidden_img" type="file" name="imagefile" id="photo"/> 
 
<img src="images/btn.jpg" width="148" height="60" alt="btn" id="profile-image">

Answer 1

çözümü aşağıda kontrol edin, iyi çalışıyor;

$(document).ready(function() { 
 
    $('#profile-image').on('click', function() { 
 
    $('#photo').click(); // opens up the file dialog for selection of image 
 
    }); 
 
}); 
 

 
$("#photo").on('change',function() { 
 
    alert($(this).val()) 
 
});

#photo{ 
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<input class="hidden_img" type="file" name="imagefile" id="photo" /> 
 
<img src="http://placehold.it/148X60" width="148" height="60" alt="btn" id="profile-image">