CODEWITHSUNDEEP
javascriptjquery
Ali
Ali

Reputation: 267297

Ajax based File Uploads

I'm looking for a javascript/ajax based file upload. The way it would work is this:

1) User clicks browse

2) User selects CTRL and selects the files he wants to upload

3) Via Javascript the user is shown a few loading graphics (1 per each file being uploaded)

4) After each upload finishes, a loading graphic is replaced with a success graphic and the filename of the uploaded file.

So what I'm really asking for is:

1) A way to do javascript/ajax based file uploads.

2) A way to detect when a file starts/finishes uploading, or to call a function when it happens.

Upvotes: 0

Views: 343

Answers (2)

rcravens
rcravens

Reputation: 8388

I recently faced a similar problem. We had been using Uploadify (http://www.uploadify.com/) to do uploads. I wrote a blog post on how to use Uploadify to perform multiple file uploads:

http://blog.bobcravens.com/2011/03/upload-multiple-files-with-progress-using-uploadify/

There are a couple of supported options:

  • Use a single 'input' element and select multiple files.

  • Use multiple 'input' elements to select a single file each.

Hope this helps.

Bob

Upvotes: 1

fabrik
fabrik

Reputation: 14375

Check http://valums.com/ajax-upload/ it's a neat plugin.

Upvotes: 3

Related Questions