2014-02-05 3 views
0

У меня есть простая HTML-форма, которую я создаю. Я хочу иметь возможность добавлять несколько файлов для отправки с формой для загрузки. Все, что я читаю в Интернете о HTML5, говорит, что я могу сделать это с помощью тега HTML5 Input Multiple. Когда я пытаюсь это сделать в любом браузере, я получаю стандартный ввод с типом файла. Когда я проверяю DOM, я вижу, что в нем есть только один файл в атрибуте Files [0]. Вот моя форма. Пожалуйста, дайте мне знать, что я делаю неправильно.HTML Input Multiple Tag

Вот мой HTML для формы для загрузки файлов:

<form method="post" action=upload.php" enctype="multipart/form-data"> 
     <input type="file" id="basicUploadFile" multiple > 
</form> 

Также. Я пробовал это в Chrome, Firefox, IE 11. Даже переход к демонстрации W3school.com, похоже, не работает ни в одном из них для нескольких файлов.

ответ

0

files[0] покажет вам первый выбранный файл. files дает вам набор выбранных файлов, files.length дает вам количество выбранных файлов. Поэтому, когда вы выберете более одного файла, если вы найдете console.log(fileinput.files), вы увидите несколько файлов, зарегистрированных в журнале.

+0

Спасибо. Я немного смутился относительно структуры объекта Files в DOM. Это помогло тонну! – user2997301

+0

Когда я пытаюсь выбрать элемент с помощью селектора jquery, он, кажется, не находит .files Example; $ ("# basicUploadFile) .files возвращает undefined – user2997301

+0

@ user2997301' $ ("# basicUploadFile") 'является объектом jQuery, свойство файлов находится в элементе dom. Чтобы открыть элемент dom из объекта jQuery, вы можете сделать' $ ("#basicUploadFile"). get (0) 'или' $ ("# basicUploadFile") [0] '. Поэтому получите файлы' '$ (" # basicUploadFile ") [0] .files' или' $ ("# basicUploadFile "). get (0) .files' или даже' $ ("# basicUploadFile"). prop ('files') '. – Musa

0

Это опечатка? Существует "отсутствует перед upload.php

ваша форма тег выглядит правильно

http://en.wikipedia.org/wiki/File_select#Multiple_file_selection

[править] Если вы имеете в виду сайт w3schools, это работает для меня на Chrome и IE http://www.w3schools.com/tags/att_input_multiple.asp

сайт TryIt:

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_multiple

+0

Да, поймал тип afteer. Я разместил вопрос. Спасибо вам за помощь. – user2997301

0
 

<form method="post" action="upload.php" enctype="multipart/form-data"> 
<input type="file" id="UploadedFiles" name="UploadedFiles[]" multiple> 
<input type="submit" value="SendFile"> 
</form> 

в upload.php структуры анализирует массив $ _FILES;)

хорошо как!