jQuery: The Write Less, Do More JavaScript Library

Home › Downloads › Plugins › Multiple File Upload › Issues

Using programmatic declaration method with 2 input fields

January 14, 2008 - 12:07pm — erwanpia
Project:Multiple File Upload
Version:1.2.4
Component:User interface
Category:bug report
Priority:normal
Assigned:Unassigned
Status:closed
Description

Hi, I tend to prefer the programmatic declaration method, but it has one bug : when I declare 2 fields to be multi that way (using ids), the plugin works fine except that the list of files writes below the first declared field. Easily reproduced, understand ?

# Method 2: Programatically (without MetaData plugin)

$(function(){
$('#PortugueseFileUpload').MultiFile({
STRING: {
remove:'Remover',
selected:'Selecionado: $file',
denied:'Invalido arquivo de tipo $ext!'
}
});
});

Comments

January 14, 2008 - 2:15pm — spinal007

#1

That's not a bug, it's a behavioural design. I *could* work around it, but you should never have 2 elements with the same ID anyway. All IDs on a page must be unique. Chaging the plugin so it allows 2 elements with the same ID would be something Microsoft might do...

So, the proper way of doing this is, instead of using the ID, use the class property:

$(function(){
$('.file-pt').MultiFile({
STRING: {
remove:'Remover',
selected:'Selecionado: $file',
denied:'Invalido arquivo de tipo $ext!'
}
});
$('.file-en').MultiFile({
STRING: {
remove:'Remover,
selected:'Selected: $file',
denied:'Invalid file type: $ext!'
}
});
});

January 14, 2008 - 2:38pm — erwanpia

#2

No the bug occured with two different forms with file input with different ids within the same page

of course I meant 2 unique ids

<form name=form1>
<input type="file" name="frminput1" id="frminput1" class="myclass">
</form>

<form name=form2>
<input type="file" name="frminput2" id="frminput2" class="myclass">
</form>

January 14, 2008 - 2:41pm — erwanpia

#3

I forgot to say congratulations for your plugin by the way, and great follow up

January 14, 2008 - 2:51pm — spinal007

#4

Hi,

I'm sorry about the misunderstanding...
I've set up a test page and it all seem to be working correctly.
http://www.fyneworks.com/jquery/multiple-file-upload/test.html

The problem could be in your form submission, or it may be something related to your code. Could you upload a test page so I can observe the bug in action?

January 14, 2008 - 3:31pm — erwanpia

#5

try this on IE to get used to the form

http://webxadmin.free.fr/demo/strangeform/file.htm

then on Firefox to debug if you wish :)

let me know I'll remove this ASAP

this is a complex form I admit :)

good luck :)

January 14, 2008 - 3:56pm — spinal007

#6

Hi,

I found the problem. When you called the plugin twice (using 2 different ID calls) the counter would reset and the plugin would use the same ID for the list of 2 different elements.

I changed the counter scope to global, so instead of 1, 1 it will now go 1, 2 even when you use 2 calls.

Please download the latest version from here:
http://www.fyneworks.com/jquery/multiple-file-upload/jquery.MultiFile.js

...I've tried it, but please test it on your form and let me know that it works.

Thanks,
Diego A.

January 14, 2008 - 5:20pm — erwanpia

#7

amazing job . Problem solved

January 14, 2008 - 5:31pm — spinal007

#8

Status:active» closed