私はイメージを選択した後にモーダルを開くには？

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'）を使用してください。

は、次のコードを使用します。

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

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

     }); 

これは間違いなくあなたのために動作します。