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]。例如：&nbsp; &nbsp; $.ajax({&nbsp; &nbsp; &nbsp; &nbsp; type: "POST",&nbsp; &nbsp; &nbsp; &nbsp; url: "/XYZ/OnPostImport",&nbsp; &nbsp;// change this line to the correct url&nbsp; &nbsp; &nbsp; &nbsp; ...一个工作演示：