jQuery裁剪器不適用於動態生成的圖像

Question

我剛剛下載了這個jQuery插件 ，可幫助裁剪圖像。 我有以下在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);