Доброго времени суток.
Решил реализовать загрузку файлов на сервер, но файлы должны быть исключительно "image.*"
Конечно при загрузке на сервер скрипт их проверяет и другие файлы просто игнорирует, но хотелось бы не шокировать пользователя и удалять непотребные файлы сразу после их выбора
т.е. пользователь выбрал 10 файлов разного формата, скрипт нашёл 7 изображений, сказал пользователю, что нельзя добавлять не изображения и показал что Выбрано 7 файла(ов)
Фотографии:
<input id="files" name="files[]" multiple="" type="file" />
<br />
<output id="list"></output>
function handleFileSelect(evt) {
document.getElementById('list').innerHTML="";
var files = evt.target.files; // FileList object
for (var i = 0, f; f = files[i]; i++) {
if (!f.type.match('image.*')) {
//Здесь должна быть строка удаления файла
alert(files);
continue;
}
var reader = new FileReader();
reader.onload = (function(theFile) {for(var u in theFile)
alert(u+'='+theFile[u]+'==<');
return function(e) {//alert(e.target.result);
var span = document.createElement('span');
span.innerHTML = ['<img class="thumb" width="100" height="111" style="border: 1px solid #000; margin: 10px 5px 0 0;" src="', e.target.result,
'" title="', escape(theFile.name), '"/>'].join('');
document.getElementById('list').insertBefore(span, null);
};
})(f);
reader.readAsDataURL(f);
}
}
document.getElementById('files').addEventListener('change', handleFileSelect, false);
