javascript - 整批选定文件的文件上传验证

Question

在优秀的 uploader 中，文件上传验证基于每个文件进行。我想验证整批选定的文件。假设我选择了 10 个文件，整个批处理的大小为 10mb，并且我的上传最大限制为 5mb。

有什么方法可以获取所选苍蝇的总大小。我想在 Html5 兼容浏览器和 Html4 浏览器(即 IE)中执行此操作。

Answer 1

首先，在 IE9 或更早版本中无法执行此操作，因为需要文件 API 支持(IE9 及更早版本中不存在)。如果没有文件 API 支持，客户端绝对无法确定文件大小。

也就是说，我可以在所有其他浏览器中为您提供解决方案。关键是使用 onValidateBatch callback 。例如:

var maxAllowedBatchSize = 5000000;

$('#uploadContainer').fineUploader({
    request: {
        endpoint: '/my/endpoint'
    }
)}
    .on('validateBatch', function(event, fileOrBlobDataArray) {
        var totalSize = 0;

        $.each(fileOrBlobDataArray, function(idx, fileOrBlobData) {
            totalSize += fileOrBlobData.size;
        });

        // Tell Fine Uploader to ignore the entire batch of files
        // if the batch exceeds the total size limit.
        if (totalSize > maxAllowedBatchSize) {
            return false;     
        } 
    });

您还需要包含服务器端验证，因为此类客户端检查可以由用户操作(并且在非文件 API 浏览器中不起作用)。