moxiecode/plupload

Plupload 2.3.7 pass multipart not working

eczio opened this issue · 1 comments

eczio commented

Hello,

I've spent almost a week using different options but not one of them just doesn't work. I'm trying to pass the city value that the user sets manually from the input form to the upload.php file, so that it can be accessed from $_REQUEST ['city'] when submitting the form, is it even possible to do this at all ? I'm also tried using this constructor but without any result. :

uploader.setOption('multipart_params', {'city': $('#city').val()});

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" />
<link rel="stylesheet" href="../../js/jquery.ui.plupload/css/jquery.ui.plupload.css" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="../../js/plupload.full.min.js"></script>
<script type="text/javascript" src="../../js/jquery.ui.plupload/jquery.ui.plupload.js"></script> 

</head>
<body style="font: 13px Verdana; background: #eee; color: #333">
<form action="../../pul_action.php" id="form" method="post" enctype="multipart/form-data">

<input class="forms" type="text" name="city" id="city" value=""><br>

<div id="uploader" ></div>
<input type="submit" value="Submit"/>

<script type="text/javascript">
$(function() {

	$("#uploader").plupload({
	
	runtimes : 'html5,flash,silverlight,html4',
	url : '../functions/upload.php',
        file_data_name : 'files', 
        max_file_count: 20,   
		
	multipart_params: {
		 
		 'city': $('#city').val(), 
        },
		
		sortable: true,

		// Views to activate
		views: {
			list: false,
			thumbs: true, // Show thumbs
			active: 'thumbs'
		},
	});
 
	// Handle the case when form was submitted before uploading has finished
	$('#form').submit(function(e) {
		// Files in queue upload them first
		if ($('#uploader').plupload('getFiles').length >= 0) {

			// When all files are uploaded submit form
			$('#uploader').on('complete', function() {
				$('#form')[0].submit();
			});

			$('#uploader').plupload('start');
		} else {
			alert("You must have at least one file in the queue.");
		}
		return false; // Keep the form from submitting
	});
});
</script>
</form>
</body>
</html>
eczio commented

Problem was solved and now everything works like a magic.