FileList
FileList - список файлів.
Синтаксис:
fileInput.files;
Параметри:
fileInput - елемент <input type="file">.
Опис:
FileList масиво подібний об'єкт який містить список об'єктів File які вибрав користувач за допомогою елемента <input type="file">
Щоб користувач за допомогою елемента input у браузері зміг вибрати декілька файлів необхідно вказати атрибут multiple.
- Властивості об'єкта FileList:
- length - кількість файлів.
- Методи об'єкта FileList:
- item() - файл за вказаним індексом.
Приклад:
<input id="fileUser" type="file">
fileUser.onchange=function(){
alert(this.files);
}
var input=document.getElementById('fileUser');
if(input.files.length>0)
alert(input.files[0]);
else alert('виберіть файл');
Приклад відкривання файлу зображення.
<input id="fileInput" type="file" accept="image/*">
<img id="image" style="max-width:100%;">
document.getElementById('fileInput').onchange=function(){
var reader=new FileReader();
reader.onload=function(){
image.src=this.result;
}
reader.readAsDataURL( this.files.item(0) );
}