0

Hello there, I've created an upload system with PHP and its working fine
but I need to improve it by using jquery, I need only a progress bar for uploading operation
I don't have apc installed on server and can't tell the server owner to install it for me
is there any good way to do this ?
I don't want to edit my current upload script, I just need to add few lines to make it with progress bar.

4
Contributors
9
Replies
12
Views
4 Years
Discussion Span
Last Post by OsaMasw
0

Depends on what you're planning to upload,
For a photo gallery http://blueimp.github.com/jQuery-File-Upload/ is great.
By this I mean a DIRECTORY of photos which would include N photos, which you can limit if needed really easy

For a single picture ( user profile image, group image, logo )
By this I mean 1 picture maximum. Then Uploadify is your best friend.

I personally use Uploadify always, if a photo gallery is needed then I include the blueimp script, but that's rare tough, atleast for me

0

I dont need to upload pictures, Just need to upload one file with one picture and some details and store it in db,
I think I'll try all above three scripts.

0

I really having bad time with this problem, I liked the Uplodify script its easy to understand and easy to send any additional variables, but Every example I've tried it didn't upload any file.
now am working with this example

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


<link href="css/uploadify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/jquery.uploadify.v2.1.4.min.js"></script>


<script type="text/javascript">
$(document).ready(function() {
  $('#file_upload').uploadify({
    'uploader'  : 'js/uploadify.swf',
    'script'    : 'upload.php',
    'username'  : 'hawkiq',
    'cancelImg' : 'js/cancel.png',
    'auto'      : true
  });
});
</script>

</head>
<body>
<input id="file_upload" name="file_upload" type="file" />
</body>
</html>

and php

<?php 
if (!empty($_FILES)) {

$folder = "uploads";
echo $_REQUEST['username'];
    $tempFile = $_FILES['Filedata']['tmp_name'];

    $targetPath = $folder . '/';
    $targetFile =  str_replace('//','/',$targetPath) . $_FILES['Filedata']['name'];

    if( move_uploaded_file($tempFile,$targetFile)){
        echo true;
    }else{
        echo false;
    }

}
?>

I want to set autoupload to manual ( I know I can change 'auto' to false ) but when I press upload nothing happened
<a href="javascript:$('#file_upload').uploadify('upload','*')">Upload Files</a>

Edited by OsaMasw

0

You've got a $_FILES['Filedata'] but your file field is name="file_upload"

So shouldn't it be: $_FILES['file_upload'] ?

0

I've tried to change it to multiple name its not working :(
I need this scenario to work if anyone can help me.

I need from user to enter all information as the picture above
contain ( title - info - category - thumb picture - file ) and after click upload, all these data inserted into database after sussceful upload for picture and file.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.