使用jquery文件上传插件的拖放选项限制上传文件的文件类型和总大小

Restrict the file type and total size of files uploded using drag and drop option of jquery fileupload plugin

本文关键字：文件 类型 拖放 jquery 插件 使用 选项      更新时间：2023-09-26

我是Jquery的新手，我正在使用blueimp Jquery.filelpload插件上传文件。在我的应用程序中，只有特定类型的文件（如.class、.java等）受到限制。

那么，如何指定只限制特定类型的文件，并允许所有其他类型的文件上传呢？此外，我必须指定上传的所有文件的最大大小，而不是单个大小，但所有文件的大小总和应该受到限制。

我已经在该插件中为添加文件按钮实现了这两件事。但我无法使用该插件中提供的拖放选项来实现这两件事情。

代码类似于：

$('#fileupload').fileupload('option', {
            disableImageResize: false,
            maxFileSize: 5000000,
            acceptFileTypes: /('.|'/)(gif|jpe?g|png|txt)$/i
  });

因此，它就像是每个项目的最大大小和可接受的文件类型。我想指定要限制的类型和要限制的所有文件的最大大小

首先，并非所有浏览器都支持文件大小限制，有些浏览器只支持名称，不支持任何其他数据。

现在，针对手头的问题——使用插件提供的回调。

$('#fileupload').fileupload('option', {
        add: function (e, result) { 
            // Here you can access properties like:
            // var type = result.files[0].type;
            // var size = result.files[0].size;
            // and so on........            
        }
});

您应该检查回调API

相关文章：