Hey guys i'm making a file upload and i can't figure out how i would make a progress bar for it. Does anyone have a resource or reference page which i can look at or even better some source code that works?
Have a look at this:
http://www.uploadify.com/
It is easy to use jquery and php uploading method. you can upload multiple files at a time.
plus you can view their upload progress through a progress bar.
its easy to integerate. the link includes documentation and demo.
here is another link to a beautiful GUI Ajax uploader:
http://www.plupload.com/
You would love it. just browse for and select files to upload. it shows there progress while uploading.
Hope this helps.
There are many options. Try Uploadify, a jQuery plugin for upload progress bars. Specifically, the download includes a PHP example.
Related
I am searching complete example with code for Really simple jQuery Ajax File Upload plugin
but after visiting Download links there is no complete code with example. Pls guide from where I could get ..
may be below links will help.
http://www.9lessons.info/2012/04/file-upload-progress-bar-with-jquery.html
http://www.saaraan.com/2012/06/ajax-file-upload-with-php-and-jquery
I used this Ajax uploader to upload form content with file attachments
take a look at blueimp here
very simple and available on github
I'm using yii-bootstrap to display the progress of a file that is being uploaded in an iframe:
<?php $this->widget('bootstrap.widgets.TbProgress', array(
'type'=>'info',
'percent'=>40,
'striped'=>false,
'animated'=>false,
)); ?>
Is there a native way to find out the progress of the file that is being uploaded in Yii? I don't want to use a Yii extension as I have everything written and uploading correctly already, I just need to display the progress. So really I just need the percentage value.
As Sergey said, it's not possible in pure php to display the progress of an upload. But you could use Javascript to do it.
Here's an example in php and javascript that you could adapt to your need:
A Simple PHP Upload Progress Bar
I need to show the exact time estimated with the nice progress bar while uploading the video.
I am using the ajaxupload js + php codignator for the server side.
jqUploader is a jquery plugin that substitutes html file input fields with a flash-based file upload widget, allowing to display a progressbar and percentage.
http://pixeline.be/experiments/jqUploader/
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery.
http://blueimp.github.com/jQuery-File-Upload/
More info: jQuery ajax upload with progress bar - no flash
You will have difficulty doing this on a PHP stack, but if back-compatibility isn't an issue you should check out the HTML5 filesystem API for a possible client-side solution.
I am using a jQuery plugin http://odyniec.net/projects/imgareaselect/ that allows cropping of an image.
I have search high and low for a tutorial that allows me to over write the file on the server with the cropped version...but found nothing of use.
I am using the basic integration of the plugin inside Facebox. This is working fine.
I have a button on the page which says 'Save', when that is clicked I would like to store the new image (cropped) on the server.
Any suggestions or need further information?
Check out this awesome tutorial
I use Jcrop for my projects works great!
http://deepliquid.com/content/Jcrop.html
http://deepliquid.com/projects/Jcrop/demos.php?demo=live_crop <--
Have you taken a look at the links at the very bottom of the plugin page? There are some useful links including this one. It should help you get started with the php side of things
Turned out the that image I was uploading was bigger than the area size of the cropping tool.
Image was 1024x768 however I resized the image to fit within 500x500 overlay.
I will need to resize and save new sized image during the upload.
Thanks for all your suggestions.
i have to create upload center site like speedyshare.com with zend but i don't have any idea how to create progress bar to show upload progress .
any idea or a tutorial to doing this ?
I used this: http://www.uploadify.com/
Claire Sosset from the CENTURION team has an answer for you HTML5 Multiple File Upload with Progress Bar.
Tell us if it helped you.
Try FancyUpload: http://digitarald.de/project/fancyupload/