jquery - 如何使用 JQuery 在输入类型文件中验证文件扩展名？

Question

HTML:

<input type="file" name="group_documents_file" id="group_documents_file" class="group-documents-file" />

规则:上传文件的扩展名必须是JPEG、GIF或PNG，否则会提示。

Answer 1

您只需要提取元素的值:

var fileName = $('#group_document_file').val();

var extension = fileName.slice('.')[fileName.slice('.').length - 1].toLowerCase();

if(extension == 'jpeg' || extension == 'gif' || extension == 'png')
   // Show Validated Image
else
   alert('Choose a supported image format');