JS — При выборе файла после клика по input как узнать, что пользователь не выбрал файл, а нажал отмена (закрыл окно)?

Question

[Михаил Гаврилюк]

JS - При выборе файла после клика по input как узнать, что пользователь не выбрал файл, а нажал отмена (закрыл окно).

Answer 1

[Антон Спирин]

Можно так: https://jsfiddle.net/rockon404/5dt5xh6t/

Comments

[eRKa]

Работает глючно и в целом не верно, либо код надо доработать проверками.

[Михаил Гаврилюк]

Спасибо. В данном случаем это то, что мне нужно было.

Answer 2

[Stalker_RED]

А нужно ли это, если можно подписаться на change, и обрабатывать только те случаи, когда пользователь действительно что-то выбрал.

Comments

[Михаил Гаврилюк]

Да нужно, чтобы выполнять какие нибудь действия после закрытия окна.

Answer 3

[eRKa]

У меня это примерно так делается

$("input[id='uploadFile']").change(function(e){
	var tgt = e.target || window.event.srcElement;
	var files = tgt.files;

	if (FileReader && files && files.length) {
		var newImg = "<img id='new-img' src='#' alt='' class='img-thumbnail'/>";
		var selectedFile = files[0];
		
		var fr = new FileReader();
		fr.onload = function () {
			newImg = newImg.replace("#", fr.result);
		}
		fr.readAsDataURL(selectedFile);
		
		var fdata = new FormData();
		fdata.append("file", selectedFile);
		....
	}
});

Comments

[Михаил Гаврилюк]

Спасибо, но как здесь можно проверить, что пользователь закрыл окно и ничего не выбрал?