Как узнать имя файла до загрузки JQUERY?

Question

[Артем Волков]

Всем привет. Простейшая задачка)) но в js я не силен. Как узнать имя файла до загрузке?
При выборе файла, нужно в div поместить имя файла.

<input type="file" id="file">
<div id="info-file"></div>

Я немного застопорился тут в .js

$(document).ready(function() {
    // javascript code...
    $('#file').on('change', function() {
    	// var test = this.value.split('.').shift();
    	var test = this.value; // как получить данные про файл?
        $('#info-file').text('NAME: ' + test);
    });
});

PS - в идеале хотелось узнать имя,тип,вес файла.

Comments

[ⓒⓢⓢ]

Using_files_from_web_applications
10 секунд гугла, ~2-3 минуты прочитать абзац, опробовать

п.с. Если не секрет, сколько у вас времени заняло, чтобы написать вопрос и дождаться моего комментария?
Только ради интереса - ничего личного :)

[Артем Волков]

JRK_DV, 1мин

Answer 1

[0xD34F]

$('#file').on('change', ({ target: { files: [ file ] } }) => {
  $('#info-file').html([ 'name', 'size', 'type' ]
    .map(n => `<div>${n}: ${file[n]}</div>`)
    .join('')
  );
});

Comments

[Артем Волков]

Спасибо!