jQuery cropper不允许上传图像

Question

我尝试使用这个jQuery裁剪器http://fengyuanchen.github.io/cropper/#examples，但没有办法从你的电脑上传图像到剪裁它，无论如何插件页面说我必须使用HTML5 FileReader对象上传。

我尝试按如下方式进行：

HTML code：

<img id="cropper">
<input id="inputImage" name="image" type="file" accept="image/*">

Javascript代码：

$(function() {

    var input = event.target;

    var reader = new FileReader();
    reader.readAsDataURL(input.files[0]);
    reader.onload = function()
    {
        var dataURL = reader.result;
        $("#cropper").attr("src", dataURL);
    };

});

现在，如果您运行代码它完美地工作但是当我尝试修改插件src图像属性时它不起作用:(

任何想法？ （抱歉我的英语不好）