jquery - 使用 jquery 验证文件上传控件

Question

如何使用 jquery 验证 ASP.NET FileUpload 控件。我需要验证两件事，当用户单击“确定”按钮时，FileUpload 不应为空，并且它应仅包含 excel 和 csv 文件。

请帮忙。

Answer 1

您可以验证扩展...

$('form').submit(function(event) {
   var file = $('input[type=file]').val();       

   if ( ! file) {
       alert('The file is required.');
       event.preventDefault();
       return;
   } 

   if (file.match(/\.(?:csv|xl)$/)) {
       alert('CSV or Excel files only!');
       event.preventDefault();
   }

});

...或者您可以验证 mime 类型。

$('form').submit(function(event) {
   var file = $('input[type=file]').prop('files')[0];

   if ( ! file) {
       alert('The file is required.');
       event.preventDefault();
       return;
   } 

   var mime = file.type;

   if (mime != 'text/csv' || mime != 'application/vnd.ms-excel') {
       alert('CSV or Excel files only!');
       event.preventDefault();
   }

});

当然，您也需要在服务器上进行验证，此代码只是对支持 JavaScript 的用户的礼貌。

此外，选择比 alert() 更好的东西。它们不是报告错误的最用户友好的方式。