CODEWITHSUNDEEP
javascript
gbbosmiya
gbbosmiya

Reputation: 509

File upload validation by JavaScript

I want to restrict a file upload control to allow PDF files only. I want to use JavaScript for that.

I want to apply that JavaScript in file upload event.

Upvotes: 3

Views: 2863

Answers (2)

sivaraman
sivaraman

Reputation: 11

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

Upvotes: 1

kennytm
kennytm

Reputation: 523184

You can check the file name on submit.

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

Note that this only checks if the file has an extension of .pdf. It does not (and cannot) check whether the file is really a just PDF or actually a nasty virus. Moreover, client side Javascript can easily be bypassed, so you should perform the check again on the server side.

Upvotes: 5

Related Questions