Multiple File Upload Widgets on the same page - ma

Question

I am trying to change main.js for blueimp upload files to have multiple file upload widgets on the same page. I changed id to class for form. I also changed in main.js:

$('.fileupload').each(function () {
    $(this).fileupload({
        dropZone: $(this)
        url: 'server/php/'
    });
});

$('.fileupload').each(function () {
    $(this).fileupload({
        dropZone: $(this)
        'option',
        'redirect',
        window.location.href.replace(
        /\/[^\/]*$/,
        '/cors/result.html?%s'
    )
   });
}); 

still not working. Any idea? Thanks a lot. katarina

Answer 1

on the page where you create the two instance of upload widget you should give the action parameter to your forms.

<form class="fileupload" action="server/php/" method="POST" enctype="multipart/form-data">

<form class="fileupload" action="server/php2/" method="POST" enctype="multipart/form-data">

In the main.js you should use this attribute of your form to call the different upload handlers:

$('.fileupload').each(function () {
	var action = $(this).attr('action');
	
    $(this).fileupload({
		dropZone: $(this),
		url: action,
	});
});