Menu
in uploadify How to pass user input values to uploadify.php here is my code:
$(function() {
$('#file_upload').uploadify({
'buttonText' : 'BROWSE...',
'method' : 'post',
'height' : 50,
'buttonCursor' : 'hand',
'fileSizeLimit' : '100KB',
'formData' : {
'title' :$('input:text[name:title]').val(),
'about' :$('input:text[name:about]').val() },
'auto' : false,
'swf' : 'uploadify.swf',
'checkExisting' : 'check-exists.php',
'uploader' : 'uploadify.php',
'onUploadSuccess' : function(file, data, response) {
$("#message").css("display","block");
$("#message").text("upload process completed successfully");
setTimeout(function() {
$('#message').fadeOut('fast');
}, 5000);
},
'onUploadError' : function(file, errorCode, errorMsg, errorString) {
alert('The file ' + file.name + ' could not be uploaded: ' + errorString);
}
});
});
</script>
</head>
<?php include("includes/connection.php");?>
<body>
<div id="page">
<div id="header">
<h1>Photogallery</h1>
<?php include("includes/navigation.php"); ?>
</div><!--header-->
<div id="content">
<div id="left">
<div id="message">
</div>
<?php
?>
<table>
<tr>
<td>
<P>Title:</P>
</td>
<td>
<input type="text" value="" name="title" id="idtitle" />
</td>
</tr>
<tr>
<td>
<p>About:</p>
</td>
<td>
<p><input type="text" value="" name="about" /> </p>
</td>
</tr>
<tr>
<td>
Select Photos you want to Upload
</td>
<td>
<input type="file" name="file_upload" id="file_upload" />
</td>
</tr>
</table>
<a href="javascript:$('#file_upload').uploadify('cancel')">Cancel First File</a> | <a href="javascript:$('#file_upload').uploadify('cancel', '*')">Clear the Queue</a> | <a href="javascript:$('#file_upload').uploadify('upload', '*')">Upload the Files</a>
</div><!--left-->
Here is my uplodify.php file
<?php
require_once("includes/connection.php");
$targetFolder = '/workbench/sudeepc/photogallery/uploads' ;
$title=$_POST['title'];
// $title="testtitle";
$about=$_POST['about'];
if (!empty($_FILES)) {
$tempFile = $_FILES['Filedata']['tmp_name'];
$targetPath = $_SERVER['DOCUMENT_ROOT'] . $targetFolder;
$targetFile = rtrim($targetPath,'/') . '/' . $_FILES['Filedata']['name'];
// Validate the file type
$fileTypes = array('jpg','jpeg','gif','png'); // File extensions
$fileParts = pathinfo($_FILES['Filedata']['name']);
if (in_array($fileParts['extension'],$fileTypes)) {
move_uploaded_file($tempFile,$targetFile);
$query="INSERT INTO `photo` ( `id` , `path` , `uname` , `title` , `about` , `date` )
VALUES ('','${targetFile}','uname','${title}','${about}',now())";
/*
$query="INSERT INTO `photo` ( `id` , `path` , `uname` )
VALUES ( '','${targetFile}', '${title}');";
*/
mysql_query($query,$connection);
} else {
echo 'Invalid file type.';
}
}
?>
I want to pass title as well as about for each uploads and when user select more than one picture user can enter title and about for each one. How can I resolve this problem?
418
'formData': { 'userid': $("#uid").val(), 'taskid': $("#tid").val(), 'guid': $("#guid").val() },
'onDialogClose': function(queueData) {
alert(queueData.filesQueued + ' files were queued of ' + queueData.filesSelected + ' selected files. There are ' + queueData.queueLength + ' total files in the queue.');
},
75
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
