Проверить загружен ли файл в input type='file'

78
31 мая 2021, 12:10

Есть input:

<input type='file'>

При загрузке файла надо отправить AJAX(put) на сервер без нажатия на какую-либо кнопку "отправить".

Как узнать, что файл загружен? Проверять через setInterval каждые ~4мс? Бред. На просторах инета ничего не нашёл...

Answer 1

Событие change:

document.getElementById('bubu').addEventListener('change', function(){ 
  if( this.value ){ 
    console.log( "Оппа, выбрали файл!" ); 
    console.log( this.value ); 
  } else { // Если после выбранного тыкнули еще раз, но дальше cancel 
    console.log( "Файл не выбран" );  
  } 
});
<input id="bubu" type="file">

Answer 2

Можно с помощью jQuery

<input id="File1" type="file" />
if (jQuery('#File1').val()) { /* There are files */ }
READ ALSO
Как определить на каком мониторе находится окно, и как открыть его на другом?

Как определить на каком мониторе находится окно, и как открыть его на другом?

Открываю окно через windowopen(url, name, params), при закрытии запоминаю размеры и положение, при повторном открытии размещаю окно по сохраненным координатам...

194
Ошибка отрисовки в cavnas

Ошибка отрисовки в cavnas

Пытаюсь анимировать пулю,плавно вылетающую при клике на пробелНо с отрисовкой что-то не так

107
Error: Syntax error, unrecognized expression

Error: Syntax error, unrecognized expression

Всем здравствуйтеВыскакивает куча ошибок на сайте wordpress

371