使用 jquery 验证文件上传控件

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

请帮忙。

您可以验证扩展...

$('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()。它们不是报告错误的最用户友好的方式。