多文件插件 - 帮助答案

【问题标题】：Multifile plugin - help多文件插件 - 帮助
【发布时间】：2009-12-29 08:00:28
【问题描述】：

我正在使用 Multifile 插件来选择多个文件。我想得到每个浏览器选择的最终文件计数。任何帮助表示赞赏。

这是我正在使用的示例代码

<html>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.MultiFile.js"></script>
<script>
var intVal=2;
$(document).ready(function(){
    $('#addFileButton').click(function(){addUploadFile();});
 });

function addUploadFile() {
intVal++;
$('<div id="addVal'+intVal+'">Please specify a file, or a set of files
(dynamically):<br>'+
   '<input type="file" class="multi" name="df'+intVal+'" id="df'+intVal+'"
size="40"/></div>').appendTo('#outerVal');
$('#df'+intVal).MultiFile();
}

</script>

<form action="doUpload" enctype="multipart/form-data" method="post">
<div id="outerVal">
<!--p>
Type some text (if you like):<br>
<input type="text" name="textline" size="30">
</p-->
<div id="addVal1">
Please specify a file, or a set of files:<br>
<input type="file" class="multi" name="df1" size="40">
</div>
<div id="addVal2">
Please specify a file, or a set of files:<br>
<input type="file" class="multi" name="df2" size="40">
</div>

</div>
<div>
<input type="submit" value="Send">
<input type="button" class="button" value="Add File" id="addFileButton" />
</div>
</form>
</html>

【问题讨论】：

标签： jquery file upload

【解决方案1】：

您不需要addUploadFile 函数，Multifile 会为您处理。要保留计数器，只需连接到 onFileAppend 和 onFileRemove，如下所示：

HTML：

<input type="file" id="upload" name="upload" />

JS：

var count = 0;
$(document).ready (function () {
    $('#upload').MultiFile ({
        onFileAppend: function () { ++count; },
        onFileRemove: function () { --count; }
    });
});

【讨论】：