Показать сообщение отдельно
  #1 (permalink)  
Старый 11.09.2014, 10:21
Профессор
Отправить личное сообщение для Гробовщик Посмотреть профиль Найти все сообщения от Гробовщик
 
Регистрация: 10.03.2013
Сообщений: 169

Удалить прикреплённые файлы
Доброго времени суток.
Решил реализовать загрузку файлов на сервер, но файлы должны быть исключительно "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);
Ответить с цитированием