#javascript #html #file-upload
#javascript #HTML #загрузка файла
Вопрос:
Как извлечь несколько файлов с помощью FileSystem Api (Html5) и отправить в javascript в виде массива. На самом деле я пытаюсь выбрать несколько файлов и добавить их в свое слайд-шоу.
Будем признательны за любую помощь.
С уважением —A.J
Ответ №1:
Вам нужно добавить multiple атрибут к вашим входным данным
<input type="file" multiple />
Вы также можете добавить webkitdirectory , directory и / или mozdirectory , чтобы указать, что вы хотите разрешить пользователям загружать целые папки. Очевидно, что они не являются стандартными (хотя обычный старый directory есть / может быть)
Затем в вашем JavaScript ваш элемент ввода будет иметь files массив, содержащий метаинформацию о выбранных файлах, готовый для использования в FileReader API. Например:
<input type="file" multiple onchange="doSomethingWithThese(this.files)" />
(Я не рекомендую встроенный JavaScript, просто для примера)
Комментарии:
1. Спасибо, Мэтт, позволь мне попробовать это, я отправлю комментарий обратно.
2. Что мне нужно сейчас, так это путь к файлу, который я могу добавить в виде массива в слайд-шоу.
3. Вы не можете получить путь к файлу. Но вы можете использовать FileReader API для получения URL-адреса данных, а затем использовать URL-адрес данных в качестве src изображения в вашем слайд-шоу.
4. Я пробовал это, но без радости, есть ли какая-либо возможность, чтобы вы могли опубликовать здесь какой-либо пример, чтобы я мог понять суть.
5. Я не могу найти никаких доказательств того, что «mozdirectory» работает для Firefox. Chrome, похоже, единственный браузер, который в настоящее время поддерживает это.