Ajax Interactive File Upload With PHP

Question

How do I start with creating a file upload mechanism that works via Ajax? I've written file upload scripts before but they involved no JavaScript, just submitting a form with a modified encoding type attribute. I need the file upload to have the following features:

Progress bar
Error checking (for network connection drops, bad data, etc)
Absolutely no "manual" form submission, Ajax takes care of it all.

And finally you know those upload buttons that allow you to select multiple files at once compared to the that only lets you select one file at a time? How can I implement those as well?

I'm using PHP as my backend btw.

KSDaemon · Accepted Answer · 2011-07-12 19:36:32Z

3

You can find answers for your questions by looking at already done ajax file uploaders. There are many different plugins for jquery for example. One of the good place to start is to look at elfinder. Its based on jQuery & jQuery UI frontend and has Python and Php connectors for backend. Here are another usefull links:

The main thing, that you should understand, that its not possible to upload files using xhr-requests. And for today, the only way to upload files, is to use hidden iframes, and some javascript magic to carry out the work.

edited Jul 12, 2011 at 19:36

answered Jul 12, 2011 at 19:23

KSDaemon

3662 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

stephenbayer Over a year ago

That is true about the hidden iframes, I've used tons of the file uploaders trying to find one that I find easy to use, and all of them use either a hidden iframe or flash to post the upload to.

stephenbayer · Accepted Answer · 2011-07-12 19:21:30Z

2

I've been searching for good file upload scrips for a long time. I've been using the YUI file uploader most recently, but the following should work well with PHP. For some reason I had a heck of a time learning how to get the YUI to work, plus it uses Flash to do the actual upload.

http://aquantum-demo.appspot.com/file-upload

with set up information for PHP on this page:

https://github.com/blueimp/jQuery-File-Upload/wiki/Setup

answered Jul 12, 2011 at 19:21

stephenbayer

12.5k15 gold badges67 silver badges99 bronze badges

Collectives™ on Stack Overflow

Ajax Interactive File Upload With PHP

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related