Как произвести множественный выбор файлов для загрузки через форму?
Имеем обычное поле формы:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }
<input type="file" name="images[]" >
Жмем на кнопку "Выберите файл" и у нас есть возможность выбрать только один файл. Как реализовать возможность множественного выбора файлов для загрузки?
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }
<input type="file" name="images[]" >
Жмем на кнопку "Выберите файл" и у нас есть возможность выбрать только один файл. Как реализовать возможность множественного выбора файлов для загрузки?
1 ответов
Если нужна поддержка во всех браузерах, используйте AJAX загрузку
http://digitarald.de/project/fancyupload/ для Mootools
http://www.uploadify.com/ для jQuery
<input type=”file” multiple />
поддерживается пока не везде
http://valums.com/ajax-upload/
Features:
* multiple file select in FF, Chrome, Safari
* progress-bar in FF, Chrome6+, Safari
* drag-and-drop file select in FF, Chrome
* stylable via CSS
* uploads are cancellable
* no external dependencies
* doesn't use Flash
* fully working with https
* keyboard support in FF, Chrome, Safari
* supports IE6-8, Firefox 3-4beta, Safari4-5, Chrome, Opera
Features:
* multiple file select in FF, Chrome, Safari
* progress-bar in FF, Chrome6+, Safari
* drag-and-drop file select in FF, Chrome
* stylable via CSS
* uploads are cancellable
* no external dependencies
* doesn't use Flash
* fully working with https
* keyboard support in FF, Chrome, Safari
* supports IE6-8, Firefox 3-4beta, Safari4-5, Chrome, Opera
Очень неплохой загрузчик файлов SWFUpload с большим количеством примеров и хорошей документацией. jquery + flash