在Kendo Angular Upload中如何在单独的按钮上发布上传的文件而不是自动上传

Question

我正在使用kendo-ui-angular upload。它具有自动上传功能，即使我们设置了auto- upload :false，它也会生成一个上传按钮。但我有表单提交按钮，我需要从上传文件，而不是在上传的时候。

<kendo-upload required
                        name="expertUpload" #expertUpload="ngModel"
                        [multiple]="false"
                        [saveUrl]="saveUrl"
                        [removeUrl]="uploadRemoveUrl"
                        (remove)="removeEventHandler($event)"
                        [restrictions]="fileRestrictions"
                        (success)="successEventHandler($event)"
                        [(ngModel)]="myFiles">
</kendo-upload>

在进行http POST调用时，我可以使用(ngModel)="myFiles“吗？如果是，它的WepAPI参数数据类型是什么？

Answer 1

我不认为你可以用这个控件做到这一点。我使用upload事件调用我的自定义方法，将自定义数据构建到一个fromdata对象中，并将其发送到服务。

(upload)="uploadEventHandler($event)"

uploadEventHandler(e: UploadEvent) {
for (const file of e.files) {
//your code to handle fileinfo build formdata
}
//post code
}

我没有在saveUrl和removeUrl上做任何操作，让它上传拦截器。但我需要更好地处理这个进度条，我的代码仍在进行中。