Ограничить тип файла несколькими загрузчиками файлов - PullRequest
0 голосов
/ 01 ноября 2018

Мне нужна помощь в разрешении загрузки только файлов JPG, PNG, PDF и DOCX с решением, найденным в этом JSFIDDLE Demo

JavaScript, который выполняет загрузку файла, выглядит следующим образом:

function makeFileList() {
    var input = 
document.getElementById("filesToUpload");
    var ul = 
document.getElementById("fileList");
    while (ul.hasChildNodes()) {
      ul.removeChild(ul.firstChild);
    }
    for (var i = 0; i < input.files.length; i++) {
      var li = document.createElement("li");
      li.innerHTML = input.files[i].name;
      ul.appendChild(li);
    }
    if (!ul.hasChildNodes()) {
      var li = document.createElement("li");
      li.innerHTML = 'No Files Selected';
      ul.appendChild(li);
    }
  }

Мне не нужно отображать предупреждение, если пользователь пытается загрузить тип файла, который не включен в белый список. В результате на экране отображаются только разрешенные файлы.

Спасибо за любую помощь!

1 Ответ

0 голосов
/ 01 ноября 2018

Добавьте accept = ". Jpg, .png, .pdf, .docx" на входе.

<input type="file" name="filesToUpload" id="filesToUpload" multiple="" accept=".jpg,.png,.pdf,.docx" onchange="makeFileList();">
</div>
...