如何在 kendo ui 中的上传文档控件中限制为仅上传单个文件

Question

如何在kendo UI 的上传文档控件中限制只上传单个文件。有没有属性检查上传文件的数量

Answer 1

您将处理上传者选择的事件：https://docs.telerik.com/kendo-ui/api/javascript/ui/upload/events/select

在这种情况下，您将使用上传器的 getFiles 方法获取现有文件集合的长度：https://docs.telerik.com/kendo-ui/api/javascript/ui/upload/methods/getfiles

如果现有文件集合的长度加上传入文件集合的长度超过1，则显示错误：

$("#my-uploader").kendoUpload({
  select: function(e) {
    var existingFileLength = e.sender.getFiles().length;
    var incomingFileLength = e.files.length;
    if (existingFileLength + incomingFileLength > 1) {
      kendo.alert('You can only upload one file.');
      e.preventDefault();
    }
  }
});

道场：https://dojo.telerik.com/aDOfICID

更新

或者如 DontVoteMeDown 所建议的那样，更简单的方法是将倍数属性设置为 false：https://docs.telerik.com/kendo-ui/api/javascript/ui/upload/configuration/multiple

如何在 kendo ui 中的上传文档控件中限制为仅上传单个文件

how to restrict to only single file upload in upload documents control in kendo ui

kendo-ui