Как открыть модальный после того, как я выберет изображение?

Question

Что я хочу, когда пользователь выбирает изображение, чтобы открыть модальный вариант, где у него будет возможность обрезать его изображение. Это мой Fiddle, где он может обрезать изображение, но при просмотре.

<input type='file' id="imgInp" /> 
    img id="blah" class="crop" src="#" alt="your image" /> 
    <input type="hidden" id="x" name="x" /> 
    <input type="hidden" id="y" name="y" /> 
    <input type="hidden" id="w" name="w" /> 
    <input type="hidden" id="h" name="h" /> 

Answer 1

Наблюдая за своей скрипкой, вы должны знать, что находитесь достаточно близко. Просто сделайте следующее.

$("#imgInp").change(function(){ 
    console.log(this); 
    readURL(this); 
    $("#yourModal").modal('show); 
}); 

Answer 2

Вместо использования $ ("# yourModal"). Show(); используйте $ ('# yourModal'). modal ('show');

Используйте следующий код:

 $('#imgInp').change(function(){ 

     $('#yourModal').modal('show'); 

     }); 

Это, безусловно, работать для вас.