通过JavaScript进行文件上传验证

Question

我想限制文件上传控件以仅允许PDF文件。我想使用JavaScript。

我想在文件上传事件中应用JavaScript。

Answer 1

您可以在提交时检查文件名。

"hook to the <form>'s onsubmit with whatever method" {
  filename = theFileElement.value;
  if (!/\.pdf$/i.test(filename)) {
    alert("error");
    return false;
  }
  return true;
}

请注意，这仅检查文件的扩展名是否为.pdf。它不（并且不能）检查该文件是否真的只是PDF或实际上是一个讨厌的病毒。此外，可以轻松绕过客户端Javascript，因此您应该在服务器端再次执行检查。

Answer 2

var ext = fname.split(".");
var x=ext.length;
if(ext[x-1] == 'pdf'){
  alert("Please upload doc file");
  document.form.fname.focus();
  return false;
}