Caricamento JQuery, anteprima, ritaglio - javascript, jquery, upload, jcrop

Ho uno script di caricamento che mostra un'anteprima dila foto che è stata caricata usando JQuery. Ora voglio applicare JCrop a quell'immagine di anteprima ma non sta caricando la foto nell'area JCrop. La sceneggiatura sembra funzionare e l'area di JCrop si apre dove è l'anteprima ma non viene mostrata alcuna foto. Qualcuno può aiutarmi per favore con questo problema?

function readURL(input) {

if (input.files && input.files[0]) {
var reader = new FileReader();

reader.onload = function (e) {
$("#avatar").attr("src", e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#imgInp").change(function(){
readURL(this);
$("#avatar").Jcrop(); // JCROP Displayed but no Image shown
});

<img id="avatar" src="/images/#" alt="your image" />
<input type="file" id="imgInp" />

risposte:

Stai usando Internet Explorer? Internet Explorer <10 non supporta l'API File, che si utilizza quando si tenta di ottenere input.files. Quindi il lettore non è mai impostato e caricatore (anche se credo che anche il lettore non sia supportato in IE). Sfortunatamente sto esaminando un problema simile, quindi posso solo dirti perché non funziona, non come farlo funzionare (ancora), ma la maggior parte delle opzioni menzionate sta usando il flash o caricare l'immagine in un file temporaneo.

Supporto IE per File API: http://caniuse.com/#search=file%20api

API file: http://www.w3.org/TR/FileAPI/