Member Avatar for OsaMasw

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
  • 178 Views
  • 5 Days Discussion Span
  • Latest Post Latest Post by OsaMasw

Recommended Answers

All 9 Replies

Member Avatar for Robert Rusu

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

Member Avatar for OsaMasw

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.

Member Avatar for OsaMasw

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
Member Avatar for diafol

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

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

Member Avatar for widi05

eror

Member Avatar for widi05

kacau

Member Avatar for OsaMasw

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.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.