无法在'FileReader'上执行'readAsDataURL'：参数1不是'Blob'类型。我怎样才能解决这个问题？需要从输入文件中获取blob图像

Question

当我点击页面上的提交按钮时，我收到以下错误：

Something has gone wrong. Action failed: c$TestComponent$controller$pictures [TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'.] Failing descriptor: {c$TestComponent$controller$pictures}. Please try again.

我知道这是由于我的 HTML和JSS 中的fileUpload功能。我不确定为什么会发生这种情况或如何解决它。

我的HTML：

    <div id="wrapper">       
 <input id="fileUpload" type="file" onchange ="{!c.pictures}" multiple="5" />
 <br/>
       <div id="image-holder"/>
 </div>

我的JS：

pictures : function()
{
    if (typeof (FileReader) != "undefined") {

        var image_holder = $("#image-holder");
        image_holder.empty();

        var reader = new FileReader();
        reader.onload = function (e) {
            $("<img />", {
                "src": e.target.result,
                "class": "thumb-image"
            }).appendTo(image_holder);

        }
        image_holder.show();
        reader.readAsDataURL($("#fileUpload")[0].files[0]);
    } else {
        alert("This browser does not support FileReader.");
    }
},

有什么想法吗？如果有人能告诉我如何解决这个问题会有所帮助。已经工作了几个小时，无法得出结论。