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

Question

我正在使用 kendo-ui-angular 上传。它具有自动上传功能，即使我们设置 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

我认为你不能用这个控件来做到这一点。我使用上传事件来调用我的自定义方法，将自定义数据构建到 fromdata 对象并发布到服务。

(upload)="uploadEventHandler($event)"

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

我没有对 saveUrl 和 removeUrl 进行任何操作，让它到 Uploadinterceptor。但我需要更好地处理进度条，我的代码仍在进行中。