jQuery裁剪器不适用于动态生成的图像

Question

我刚刚下载了this jQuery plugin，有助于裁剪图片。我在file输入字段的change事件中调用了以下函数：

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

        reader.onload = function (e) {
            $(".photoBox div").hide();
            var cropBox = $(".photoPreview").show();
            var $img = $(document.createElement('img'));
            $img.attr("src", e.target.result);
            cropBox.append($img);

            $(".photoPreview img").cropper({
                aspectRatio: 1,
                dashed: false,
                zoomable: false,
                rotatable: false
            });
        };

        reader.readAsDataURL(input.files[0]);
    }
}

裁剪器代码并没有出现在Mozilla中，但在Opera中却是如此。我哪里错了？

Answer 1

尝试使用createObjectURL func而不是FileReader：

imageUrl = window.URL.createObjectURL(input.files[0])
$img.attr("src", imageUrl);