将文件类型限制为多个文件上传器

时间:2018-10-31 23:16:36

标签: javascript jquery twitter-bootstrap file-upload image-uploading

在此[{3}}上找到的解决方案仅允许上传JPG,PNG,PDF和DOCX文件方面,我需要一些帮助。

执行文件上传的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 :(得分:1)

在输入中添加 accept =“。jpg,.png,.pdf,.docx”

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