Asp.net Core-在使用 javascript 或 C# 上传之前选择和验证 excel 文件？

Question

1-如何只选择 Excel 格式的文件？

2-如何在 JavaScript 和 C# 中验证文件格式？

我在 Asp.Net Core 3.1 中使用 EPPlus 插件？

HTML：

<form id="SelectExcelForm" method="post">
  <div class="form-group">
    <div class="form-line">
      <input type="file" name="ExcelFile" class="form-control" />
      <span class="text text-danger">True Format : xlsx </span>
    </div>
  </div>
  <div class="modal-footer">
    <button type="button" onclick="return ValidateForm()" class="btn btn-info waves-effect">Save</button>
  </div>
</form>

Answer 1

如果要在C#代码中验证文件格式，可以使用以下代码：

<input type="file" name="ExcelFile" class="form-control" accept=".xls,.xlsx" />

这样，选择框中只能看到Excel格式的文件。

当你想使用 JS 进行验证时，你可以使用这些代码：

<input type="file" name="ExcelFile" class="form-control" onchange="fileChange(this)" />

    <script>
        function fileChange(target) {
            var name=target.value;
            var fileName = name.substring(name.lastIndexOf(".")+1).toLowerCase();
            if(fileName !="xls" && fileName !="xlsx"){
                alert("please upload file in Excel forma！");
                target.value="";
                return false;   
            }
        }

    </script>

这样，你可以在选择框中看到所有格式的文件，但是当你选择其他格式的文件时，会上传失败。