上传方法不会在上传事件时触发

Question

当Kendo Upload组件应该第二次执行上传时，onUpload事件处理程序不会被触发。

我使用剑道上传与cropperjs(https://github.com/fengyuanchen/cropperjs/blob/master/README.md)要上传图像，请裁剪图像，然后发送到服务器。如果图像太大，服务器会发送一个错误。期望用户选择另一个裁剪区域并再次发送图像。最后一步什么也没发生。

这里是裁剪图像并上传的方法

cropper.crop();
var canvas = cropper.getCroppedCanvas();
canvas.toBlob(function (blob) {
image = blob;
$("#file").data("kendoUpload").upload();
});

然后在onUpload处理程序中，将初始的incropped图像替换为裁剪图像。

e.data = {
file: image,
userName: $("#User_Login").val()
};

在服务器上向我发送错误：

public virtual ActionResult UpdateUserImage([FromBody]HttpPostedFileBase file, [FromBody]string userName)
{
try
{
ImageHelper.CheckImage(file);
}
catch (Exception e)
{
return new LargeJsonResult(new
{
error = e.Message,
})
{
StatusCode = HttpStatusCode.PreconditionFailed
};
}
...
}

错误在onError进程处理程序中处理：

var err = e.XMLHttpRequest;
if (err.status === 412) {
var body = JSON.parse(err.response);
alert(body.error);
}
else {
alert("Unable to upload the file. Please check that the 
size is less than 10Mb.");
}   

之后，允许用户裁剪已经选择的图像。并且在改变裁剪区域之后，期望重复上述步骤。但是在第一个代码块中的CCD_ 1之后，什么也没有发生。但是，我希望必须调用onUpload事件处理程序。

Answer 1

我找到了解决方案：)我没有将图像发送到服务器并在那里检查大小，而是在客户端上检查大小，并在需要时阻止发送。我的意思是，在呼叫$("#file").data("kendoUpload").upload();之前，我会呼叫

if (image.size > 10 * 1024 * 1024) {
alert("File is too big!");
return;
}

A一切都还好。但是，如果有人仍然知道$("#file").data("kendoUpload").upload();为什么不启动onUpload事件处理程序，那么与我分享一下想法就太好了：)