I use php,jquery .
I have a form where in a user uploads multiple files . when he cliks on submit . everything must get uploaded. and a progress bar must show how much of each image is uploaded.
how do i do the progress bar thing for each image ?
answer
check this also
I recommend Uploadify, does everything you want and more. Easy to implement and can be used in commercial projects. Cheers!
Related
I want to have a single button that when clicked opens a file dialogue, and then after the user selects the photo they want to upload and the dialogue closes. I want the photo to upload. I cant think of a way of doing this because in the form you cant use both the type = file and type = submit together. Would I need to use jquery to achieve this? Thanks.
Yes, the idea is to use jQuery for the inital part of having a user pick a file to upload... and then some sort of other, server-side language (like PHP,) will actually do the heavy lifting (by actually uploading the file.)
Here's a jQuery plugin that helps you do this:
http://blueimp.github.com/jQuery-File-Upload/
EDIT:
Yes, I believe with jQuery (or some other library... or plugin,) it would be possible to have an event listener (or something,) pick up when a user browses for a file to upload... and automatically starts to upload it once the file has been chosen. But, again, as was said earlier, it's probably safer to take a two-step approach to file uploads for now.
try this
One-Click Upload is a jQuery plugin that replaces the standard file
input element, allowing you to use any link, image or element to be
used for the purpose of bringing up the "file browse" dialogue. It
completes the upload behind the scenes without refreshing the page,
making it less obtrusive and easier to style than a standard upload
form.
To get the upload started the way you describe you will need to use JavaScript. jQuery is a very good library to use to make that process easier, but it is not required.
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.
is it possible to upload multiple images with single browse button as in facebook multiple upload functionality on all browsers > IE6, but without using flash.I have integrated ajax-multiple-file-upload-form-using-jquery but its browse button not working properly.
I need to click so many times to open a file selection window when i am trying to upload images to different albums.
Try Fancy Upload! It is free and editable too. Hope you like this. If you are looking for multiple file uploading with a single button try this link for demo.
Hope this helps.
If you want a jQuery plugin you could try uploadify. It's really powerful.
I have a photo-upload form that allows a user to upload 1 photo. But my users are complaining that they want to upload many photos. How can I allow them to do that?
Right now I have this form for uploading:
http://www.hikingsanfrancisco.com/account/upload_hike_photos.php?hike_id=58
(I tried to paste code, but it didn't work somehow)
Any thoughts how to best go about it? Is there a way to loop through the selected files maybe? (I am using PHP)
Thanks,
Alex
Add more fields for uploading files, I don't know, maybe file or six, and the upload button will check through php which of them have information to start the upload, 1 at a time or course, in a php loop.
Here is a plugin that uses flash + javascript (MooTools) to do file upload. The upside to this plugin is that it's supported and you can Github it. It can have multiple photo uploads, limit max size, etc, and verify file information before upload. Also, has example for backend using PHP on how files are handled after it is uploaded.
Fancyupload
Features
Select and upload multiple files
Filter files by type in the select
dialog A lot of possible Events to
add your own behaviour
Show and filter useful file information before
the upload starts
Limit uploads by file count, type or size
Platform and server independent, just needs Flash9+ (> 95% penetration) which works on all browsers with it installed
Here is the jQuery plugin that does the same as the MooTools one:
Uploadify
Add new file inputs. Or use smth like swfuploader for file uploading.
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/