files, each with their own MultiFile input and, thus, one or more
files for each group? In that case, you can check for the existence of
elements with class="MultiFile", which is the class name given to the
automatically-created file elements.
var intVal=2;
$(document).ready(function(){
$('#addFileButton').click(function(){addUploadFile();});
/* I've given the form id="the_form"
*/
$('#the_form').submit(function()
{
alert($('.MultiFile').length);
return false;
});
});
If you need to have separate totals for each group you should add a
class name to the group divs. This also makes it simple to get the
count for the number of existing groups when creating a new one.
Also, your HTML was incorrect (missing body tags).
<!DOCTYPE html>
<html dir="ltr" lang="en-CA">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.MultiFile.js"></script>
<script>
$(document).ready(function(){
$('#addFileButton').click(function()
{
/* get the number of existing groups
*/
var group_index = $('.SomeClassName').length + 1;
var elStr = '<div class="SomeClassName" id="group'
+ group_index
+ '">Please specify a file, or a set of files (dynamically):<br />'
+ '<input type="file" class="multi" name="df'
+ group_index
+ '" id="df'
+ group_index
+ '" size="40" /></div>';
/* create elements, append, and initialise as MultiFile
*/
$(elStr).appendTo('#outerVal');
$('#df' + group_index).MultiFile();
});
$('#the_form').submit(function()
{
/* run through each group and count the number of MultiFile elements
*/
$('.SomeClassName').each(function()
{
/* note the 2nd parameter 'this' which sets the context
* as the particular group
*/
alert(this.id + ': ' + $('.MultiFile', this).length);
});
return false;
});
});
</script>
</head>
<body>
<form id="the_form" action="doUpload" enctype="multipart/form-data"
method="post">
<div id="outerVal">
<div class="SomeClassName" id="group1">
Please specify a file, or a set of files:<br />
<input type="file" class="multi" name="df1" size="40" />
</div>
<div class="SomeClassName" id="group2">
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>
</body>
</html>
On Tue, Dec 29, 2009 at 4:33 PM, jayakumar ala <alajay123@gmail.com> wrote:
> Brian,
> I our requirement i need to add this file elements dynamically for each
> file path. And for each element i need the count of files that are uploaded
> under that filepath.
> Hope you understand my question now. Help is apprecited.
>
> Thanks
> Jay
> On Tue, Dec 29, 2009 at 12:56 PM, brian <zijn.digital@gmail.com> wrote:
>>
>> You shouldn't need more than one file element to begin with. The
>> plugin takes care of creating new ones. Or, perhaps I don't understand
>> what it is you're trying to do.
>>
>> On Tue, Dec 29, 2009 at 1:27 PM, jayakumar ala <alajay123@gmail.com>
>> wrote:
>> > Anyone can help me on this..????
>> >
>> > On Mon, Dec 28, 2009 at 10:39 AM, jayakumar ala <alajay123@gmail.com>
>> > wrote:
>> >>
>> >> Hi,
>> >>
>> >> I am using Multifile plugin to select the multiple file. I am trying to
>> >> get the final file count for each browser selection . Any help is
>> >> appreciated.
>> >>
>> >> Here is the sample code i am using
>> >>
>> >> <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>
>> >>
>> >> Thanks
>> >> Jay
>> >>
>> >
>
>
No comments:
Post a Comment