MD.MD MD.MD - 1 month ago 25
Javascript Question

how to validate files by bootstrap validator?

I am trying to validate a form with bootstrap validator, but the file validation is not going normal, here is my code:

cv: {
validators: {
file: {
extension: 'doc,docx,pdf,zip,rtf',
type: 'application/pdf,application/msword,application/rtf,application/zip',
maxSize: 5120 * 5120 * 5120 * 5120 * 5120, // 5 MB
message: 'The selected file is not valid, it should be (doc,docx,pdf,zip,rtf) and 5 MB at maximum.'
},
notEmpty: {
message: 'CV is required.'
}
}
},


the required files extensions are doc,docx,pdf,rtf,zip as shown above, but it only accept 3 extensions: doc,rtf,pdf...so where is the error in my code?

Answer

You're missing the DOCX mime type :

application/vnd.openxmlformats-officedocument.wordprocessingml.document

So your code should look like :

file: {
      extension: 'doc,docx,pdf,zip,rtf',
      type: 'application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/rtf,application/zip',
      maxSize: 5*1024*1024,   // 5 MB
      message: 'The selected file is not valid, it should be (doc,docx,pdf,zip,rtf) and 5 MB at maximum.'
},

See this fiddle example.