Babiker
Babiker

Reputation: 18798

How to select multiple files for upload?

How to select multiple files for upload : enter image description here

Upvotes: 10

Views: 27890

Answers (9)

johnlemon
johnlemon

Reputation: 21449

This depends on the browser. Newer versions of firefox and chrome support this because they started to implement HTML5 specification. This is the syntax:

<input type="file" multiple=""/>

Firefox >= 3.6, Chrome >= 2, Safari >= 4 support multiple file input.

For older browsers the only good solutions are flash or javascript plugins. Here is a good resource for jquery uploaders ( some support multiple files ): http://creativefan.com/10-ajax-jquery-file-uploaders/

Upvotes: 18

filsterjisah
filsterjisah

Reputation: 121

You could also use javascript plugins such as: http://code.google.com/p/noswfupload/

Upvotes: 2

Stann
Stann

Reputation: 13938

I would definately at this point go with new HTML5 "multiple" attribute:

<input type="file" name="upload[]" multiple="multiple" />

The only viable alternative is FLASH plugins like swfupload.

However - there are multiple prublems with using FLASH for uploads, the main one foor me would be cookie bug:

FLASH plugins don't send cookies correctly. Each browser has it's own cookie storage.FLASH always sends cookies from IE even if you use Google Chrome for example. - result is that you loose cookies and sessions. there is a workaround - but it requires you to send session ID as GET or POST parameters which in turn makes your site vulnerable for session fixation.

Upvotes: 3

Chvanikoff
Chvanikoff

Reputation: 1329

Flash is the only option except HTML5.

Upvotes: -1

BalusC
BalusC

Reputation: 1108632

In HTML5 you can set the multiple attribute on <input type="file">. This works in browsers supporting HTML5.

<input type="file" name="upload" multiple="multiple" />

In HTML4 your best bet is Flash or Java Applet. There are 3rd party libs available like Uploadify, SWFupload, JUpload and JumpLoader.

Upvotes: 7

Quasipickle
Quasipickle

Reputation: 4498

As others have said, you have to use Flash to get multiple uploads. An alternative to uploadify is SWFUpload.

Upvotes: -1

Julius F
Julius F

Reputation: 3444

  1. PHP is the back-end, PHP is not the thing which restricts you to use only "one" upload a time
  2. HTML/JavaScript are the front/mid-end which cause the restrictions. (So add HTML to your questions tags)
  3. If you use Flash (AS = ActionScript) you can still have PHP as back-end, as processor which handles the uploaded files.

Upvotes: 1

Sam Becker
Sam Becker

Reputation: 19636

Use the file input form element more than once, give it a different name and you have multiple upload fields on one page. No need to learn anything else.

Upvotes: 1

Peter Smit
Peter Smit

Reputation: 28706

There is no html/javascript workaround. You would have to look to flash or java to be able to do this.

Upvotes: -1

Related Questions