Question

我正在使用jQuery文件上传插件（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个文件时，该脚本会阻止上传文件。但它没有做任何事情或显示任何事情告诉用户他们的文件超出限制。

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

谢谢。

Answer 1

使用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

Answer 2

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

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

maxNumberOfFiles上的jquery文件上传警报

2 个答案: