<input name=myFile type=file>
(1) несколько: указывает, может ли пользователь выбрать несколько значений. Multiple можно использовать только с type=file и type=email.
(2) Accept: тип файла, принимаемый сервером, в противном случае он будет игнорироваться.
audio/* представляет звуковые файлы. Поддерживается только HTML5
video/* представляет видеофайлы. Поддерживается только HTML5
image/* представляет файлы изображений. Поддерживается только HTML5
(3) обязательный: этот атрибут указывает, что пользователь должен ввести значение перед отправкой формы.
3. Получите информацию о загруженном файле.<!DOCTYPE html><html lang=zh> <head> <meta charset=UTF-8 /> <meta http-equiv=X-UA-Compatible content=ie=edge /> <title>несколько файлов</title> </head> <body> <input type=file Multiple=multiple id=test> <p id='content'></p> <script type=text/javascript> var test = document.getElementById('test'); test.addEventListener('change', function() { var t_files = this.files; var str = ''; for(var i = 0, len = t_files.length; i < len ; i++) { console.log(t_files[i]); str += '<a href=javascript:void(0)>' + t_files[i].name + '</a><br/>'; document.getElementById('content').innerHTML = str; false); </script> </body></html>
показывать:
Для более подробной информации об использовании см. MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file.
Подвести итогВышеупомянутая функция HTML5 типа = функция загрузки файла, представленная редактором. Надеюсь, она будет вам полезна. Если у вас есть какие-либо вопросы, оставьте мне сообщение, и редактор ответит вам вовремя. Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!