2

how do I create a file input which allows multiple files to be selected and uploaded? It seems that <input type="file" name="fileinput"> allows only 1 file to be selected at a time, while the input on http://filetolink.com/ (for example) let's the user select multiple files. How is this done and how do I go about processing?

Thanks in advance!

Improve this question
4
  • why not to look at filetolink code? Commented Sep 4, 2010 at 9:23
  • possible duplicate of Ability to choose multiple files in the file browser using the browse button Commented Sep 4, 2010 at 9:24
  • @Col. if they use Flash, the SWF object is useless for him unless he has a flash decompiler Commented Sep 4, 2010 at 10:58
  • @daemon one don't have to decompile SWF to use it. Just google and download. it's not that hard. Commented Sep 4, 2010 at 11:19

6 Answers 6

Reset to default
2

The HTML 5 input element can do this, but it's not widely supported yet. (See here, the second answer)

Flash based uploaders like SWFUpload and Uploadify have this, but as said they need Flash, and they have a different philosophy behind how they work.

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

4 Comments

Ah well it's for personal use and the only browsers I have installed are Firefox and Chrome, so the HTML5 could come in handy.
yeah, in code for layy ppl: <input type="file" name="uploads" multiple />
Question: Why got this answer +2? If we look @ the "tags" and the question, we might see that the user wants to have a html/php, a clean, solution. Flash is 3rd party software which is mostly available but not the perfect answer for this problem. You should up vote answers promoting HTML+JS, and I do not mean experimental HTML, HTML5 isn't standard yet.
@daemonfire if I understand the OP correctly, he wants people to be able to select multiple files at once, which is something no pure HTML+JS solution can do yet.
2

there are plenty of javascript extensions to achieve the task you asked. Try to check it with jQuery repository.

One example you may find here: http://www.fyneworks.com/jquery/multiple-file-upload/

Improve this answer

1 Comment

Thank you for your helpful links, I'll have a look! (Don't know much about JS though :-( )
2

Checkout the JQuery Uploadify component component, works consistently across browsers. Here is a demo.

Improve this answer

Comments

0

It is done using Flash which assumes that the client browser has Flash installed and enabled. The standard HTML <input type="file"> allows only a single file. You may find the SWFUpload flash component useful.

Improve this answer

Comments

0

Possible by using Javascript and HTML4, you may use this jQuery Plugin (http://www.fyneworks.com/jquery/multiple-file-upload/).

Improve this answer

Comments

0

Multiple file uploader using mootool: http://the-stickman.com/files/mootools/multiupload/

SwfUpload: It uses flash If you want to get an idea how to process the uploaded file checkout this link sample php code

Another one is fancyupload (uses flash and mootools)

Uploading using an HTML5 compliant browser (Firefox 3.6, Chrome 3.0 or Safari 4) This is a new method of uploading files is not widely supported by all browsers. See an example using php at link

http://www.uploadify.com/ is also another great multiple file uploader. The user can upload all the files at once using ctrl + clicking on all of the files

Improve this answer

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.