issue with using multiple upload widgets on the same page

[sudr]

We have a use case where the user is required to upload files in 4 different sections on the same page. So when I have more than one instance of this upload widget, I get the following javascript error:

Error: uncaught exception: FileUpload with namespace "file_upload" already assigned to this element

Does the plugin support multiple instances on the same page or is there a way to tweak it to support this?

[sudr]

Never mind. I found the issue. I was reusing the same form id for the other instances as well.

[blueimp]

Yes, the error message you posted is thrown if the fileUpload method is called on the same node twice with the same namespace.
However, there is also a namespace option which allows you to avoid event handler collisions (e.g. Drag events inside the document window).

[nickcom]

Hi. I need to have several upload widgets in a single asp form. I have a jquery UI tab, with an upload control inside each. I am getting the same error message as above. I am calling the below function each whenever the user enters a different tab.

function upload() {
$('#aspnetForm').fileUploadUI({...
}

In order to prevent errors from occurring from the outset, I tried setting the 'namespace' option to the tab_ID (ie unique). This works so long as the user only enters each tab once. But if they decide to renter a tab they have already visited, the error comes up again and the widget stops working.

Any idea what am I doing wrong?