2009-12-29 68 views
0

我正在使用Multifile插件来选择多个文件。我正在尝试为每个浏览器选择获得最终文件数 。任何帮助表示赞赏。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> 

回答

2

你不需要addUploadFile功能的示例代码,多文件会照顾它。保留一个计数器,只是挂到onFileAppendonFileRemove,像这样:

HTML:

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

JS:

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