Jquery onchange-Funktion wird nicht auf versteckte Dateisteuerung aufgerufen

Question

Ich möchte onchange-Funktion bei Auswahl der Datei aufrufen oder wenn Datei geändert wird, aber meine onchange-Funktion wird nicht aufgerufen, weil ich Display eingestellt habe: keine Datei-Kontrolle, weil ich indem sie auf das Bild klicken nenne, kann ich nicht verstehen, wie es rufen onChange Funktion:

$(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

Bitte überprüfen sie unter Lösung, es funktioniert gut;

$(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">