javascript - JQuery FileReader onload没有触发

Question

我有多个文件上传。当我按如下方式上传图像并绑定到模型时，不会触发 FileReader onload 函数。它跳过并且火仍然存在

这是我的代码

imageSelect: function (e) {
            var dataModel = bindViewModel.selected.attachments;
            var reader = new FileReader();
            reader.onload = function () {
                var uploadImg = new Image();
                uploadImg.onload = function () {
                    for (var i = 0; i < e.files.length; i++) {
                        if (e.files[i].size < 1048576) {
                            var attachmentName = e.files[i].name;
                            var attachment = { id: i, citationId: bindViewModel.selected.id, attachmentName: attachmentName, attachmentUrl: reader.result };
                            dataModel.push(attachment);
                            if (dataModel[0].attachmentName == "" && dataModel[0].attachmentUrl == "") {
                                dataModel.splice($.inArray(dataModel[0], dataModel), 1);
                            }
                            uploadImg.src = reader.result;
                            reader.readAsDataURL(e.files[i].rawFile);
                        }
                        else {
                            app.ShowNotifications("Error", 'The ' + e.files[i].name + ' size greater than 1MB. \r\n Maximum allowed file size is 1MB.', "error");
                        }
                    }
                };
            };
        }

任何人都可以帮助我吗？

标签： javascriptjquerykendo-uiasp.net-core-mvc