jQuery上传、预览、裁剪

Question

我有一个上传脚本，它显示了使用 JQuery 上传的照片的预览。现在我想将 JCrop 应用到该预览图像，但它没有将照片加载到 JCrop 区域。该脚本似乎可以工作，并且 JCrop 区域在预览所在的位置打开，但没有显示照片。谁能帮我解决这个问题？

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="#" alt="your image" />
<input type='file' id="imgInp" />

Answer 1

您使用的是 Internet Explorer 吗？ Internet Explorer

文件 API 的 IE 支持：http://caniuse.com/#search=file%20api

文件 API：http://www.w3.org/TR/FileAPI/