c# - 如何确定视图中按钮的来源?
问题描述
页面上有一个按钮。
我在页面代码中没有看到这个按钮。
问题:如何确定视图中按钮的来源?
项目使用- ImportExportExcelASPNetCore //talkingdotnet //github.com
启动应用程序后,会出现一个页面。
页面代码中的哪里是Выберите файл
按钮?
代码
@page
@model ImportExportExcelASPNetCore.Pages.ImportExportModel
@{
ViewData["Title"] = "ImportExport";
}
<h2>Import Export using NPOI</h2>
<form method="post" enctype="multipart/form-data">
<br/>
<div class="row">
<div class="col-md-4">
<input type="file" id="fUpload" name="files" class="form-control" />
</div>
<div class="col-md-8">
<input type="button" id="btnUpload" value="Upload" />
</div>
</div>
<div class="row">
<div class="col-md-8" style="padding-top:10px;">
<button asp-page-handler="Export">Export</button>
</div>
</div>
<br/>
<div id="dvData"></div>
</form>
@section Scripts {
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
<script type="text/javascript" language="JavaScript">
$(document).ready(function ()
{
$('#btnUpload').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.");
return false;
}
}
var fdata = new FormData();
var fileUpload = $("#fUpload").get(0);
var files = fileUpload.files;
fdata.append(files[0].name, files[0]);
$.ajax(
{
type: "POST",
url: "/ImportExport?handler=Import",
beforeSend: function (xhr)
{
xhr.setRequestHeader("XSRF-TOKEN",
$('input:hidden[name="__RequestVerificationToken"]').val());
},
data: fdata,
contentType: false,
processData: false,
success: function (response)
{
if (response.length == 0)
alert('Some error occured while uploading');
else
{
$('#dvData').html(response);
}
},
error: function (e)
{
$('#dvData').html(e.responseText);
}
});
})
});
</script>
}
解决方案
推荐阅读
- ios - 弹回时 TabView 中的 NavigationView 使应用程序崩溃
- json - 转换后的 json 结果结构与源不同
- java - 如何使搜索活动在每个字符输入时都命中 API - AndroidX
- python - 在 python 中从多个文件读取和存储输入数据的有效方法是什么?
- javascript - 添加到 useEffect 中的对象
- javascript - jQuery / Ajax 在警报中正确发送“data-”值,但无法将其附加到 php 内的特定 div 中
- ios - CapsPageMenu 隐藏 TableView 上的 NavigationBar 从子 UIViewController 滚动不起作用
- vue.js - Vue 观察者的第一个回调在实例化后的观察者中没有“正确”排序
- javascript - 图片库悬停叠加高度问题
- node.js - Node.js 和 RabbitMQ - 在服务器启动时初始化连接的最佳方式