关于 maxNumberOfFiles 的 jquery 文件上传警报答案

【问题标题】：jquery file upload alert on maxNumberOfFiles关于 maxNumberOfFiles 的 jquery 文件上传警报
【发布时间】：2014-03-26 04:12:59
【问题描述】：

我正在使用 jQuery File Upload 插件 (http://blueimp.github.io/jQuery-File-Upload/) 为我的网站上传图片。

我的代码：

$('#fileupload').fileupload({
    url: 'server/index.php',
    dataType: 'json',
    dropZone: $('#dropzone'),
    disableImageResize: false,
    imageMaxWidth: 800,
    imageMaxHeight: 800,
    acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
    maxNumberOfFiles:3,
    singleFileUploads: false,
});

当用户尝试上传超过 3 个文件时，脚本会阻止文件上传。但它不会做任何事情或显示任何内容来告诉用户他们的文件已超出限制。

那么，当用户尝试上传文件超过允许的最大数量时，如何让插件显示警告框？

谢谢。

【问题讨论】：

标签： javascript jquery jquery-file-upload

【解决方案1】：

好吧，我想没有直接的方法。你必须自己手动编程。

('#fileupload').fileupload({
 ....
}).on('fileuploadadd', function (e, data) {
//program your logic here
filenum = data.files.length;
...
});

【讨论】：

总是 1 filenum = data.files.length;

【解决方案2】：

使用limitMultiFileUploads 代替maxNumberOfFiles 之类的，

$('#fileupload').fileupload({
    url: 'server/index.php',
    dataType: 'json',
    dropZone: $('#dropzone'),
    disableImageResize: false,
    imageMaxWidth: 800,
    imageMaxHeight: 800,
    acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
    limitMultiFileUploads:3, // use limitMultiFileUploads here
    singleFileUploads: false,
});

您可以使用limitMultiFileUploadSize 来限制总文件大小。

阅读jQuery-File-Upload-options

【讨论】：

感谢您的回答。但是使用limitMultiFileUploads后，似乎是单独上传文件并绕过singleFileUploads设置。
是的，很多人喜欢无缘无故地投反对票。我认为stackoverflow应该禁用这个功能，它真的没有意义。
你试过singleFileUploads: true,选项
对于我这里的情况，我需要设置singleFileUploads: false。无论如何，当用户上传超过限制时如何显示警报框？