NPOI 关于导入 excel - 返回 UI 内部的 UI 而不是 UI 中的表格

Question

我需要创建一个视图，ASP.NET Core其中以文件上传的形式将 excel 作为输入，并在 UI 中显示 excel 文件的内容表。我按照这个博客尝试使用 NPOI 库来实现我的目的。我的观点的名字XYZ/Index.cshtml是：<form method="post" enctype="multipart/form-data">    <div class="form-group form-inline" id="uploadFileForm">        <label id="lblUsersCsvFile">Choose File to Upload:</label> &nbsp;        <input type="file" class="form-control" name="files" id="fUpload"> &nbsp;        <label id="lblChooseContainer">Choose Container:</label> &nbsp;        <select class="form-control" id="dropdownContainerOfCsv">            <option> -- select an option -- </option>            <option> Group Container </option>            <option> Application Container </option>        </select>    </div>    <div class="form-group">        <div class="col-md-10">            <input type="button" id="btnPreviewCsv" value="Preview" />        </div>    </div>    <br />    <div id="dvData"></div></form>@section Scripts{    <script type="text/javascript">        $(document).ready(function () {            $('#btnPreviewCsv').on('click', function () {                var fileExtension = ['xls', 'xlsx'];                var filename = $('#fUpload').val();                if (filename.length == 0) {                    alert("Please select a file.");                    return false;                }                else {                    var extension = filename.replace(/^.*\./, '');                    if ($.inArray(extension, fileExtension) == -1) {                        alert("Please select only excel files with extension .xls or .xlsx.");                        return false;                    }                }            })        });    </script>}

Answer 1

原因

您将请求发送到 Razor 页面处理程序，同时期望控制器操作来处理它。换句话说，不能url满足需求。

如果您更喜欢使用 的控制器操作XYZController/OnPostImport，则需要将 url 更改为[area]/[controller]/[action]。例如：

    $.ajax({

        type: "POST",

        url: "/XYZ/OnPostImport",   // change this line to the correct url

        ...

一个工作演示：