Javascript jQuery文件上传刷新页面
我看到这个问题： '我必须在单击按钮时显示一个打开的对话框。基本上我必须上传一个文件，为此我使用FileUpload控件，但我不想向用户显示它，而是想显示一个按钮的名称 答案是：Javascript jQuery文件上传刷新页面,javascript,asp.net,file-upload,Javascript,Asp.net,File Upload,我看到这个问题： '我必须在单击按钮时显示一个打开的对话框。基本上我必须上传一个文件，为此我使用FileUpload控件，但我不想向用户显示它，而是想显示一个按钮的名称 答案是： <script type="text/javascript"> $(document).ready(function() { $("#btn").click(function() { $("#FileUpload1").click()
<script type="text/javascript">
$(document).ready(function() {
$("#btn").click(function() {
$("#FileUpload1").click();
return false;
});
});
</script>
<style type="text/css">
.Class { visibility:hidden;}
</style> </head> <body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btn" runat="server" Text="Send File"/>
<asp:FileUpload ID="FileUpload1" CssClass="Class" runat="server" />
$（文档）.ready（函数（）{
$（“#btn”）。单击（函数（）{
$（“#文件上载1”）。单击（）；
返回false；
});
});
.Class{可见性：隐藏；}
<script type="text/javascript">
$(document).ready(function() {
$("#<%= btn.ClientID %>").click(function() {
$("#<%= FileUpload1.ClientID %>").click();
return false;
});
});
</script>
$（文档）.ready（函数（）{
$（“#”）单击（函数（）{
$（“#”）点击（）；
返回false；
});
});
runat=“server”ctl00\u MainContent\u btn编辑：您可能还需要确保ASP按钮不是提交按钮，这会导致生成的页面提交表单。这听起来像是一个安全风险，如果安全性阻止了它的工作，我也不会感到惊讶
看看这个插件。我建议你不要走那种路线。如果要避免向用户显示FileUpload控件 将客户端模式设置为静态，以便能够访问如下控件
<asp:FileUpload ID="FileUpload1" ClientIDMode="Static" CssClass="Class" runat="server" />
<asp:Button ID="btn" ClientIDMode="Static" runat="server" Text="Send File"/>
您的页面会刷新，因为表单的目标隐式地是当前页面。您需要将表单的目标设置为（例如）隐藏的iframe：
<form id="my-form" action="url" target="form-target" method="post">
<!-- your form here -->
</form>
<iframe id="form-target" name="form-target" style="display:none;"></iframe>
<script>
// Assuming you are using jquery
var form = $('#my-form'),
iframe = $('#form-target');
// create a function to be called each time the iframe loads
iframe.load(function () {
var responseText, iframeBody;
// Get the response from the server. It will be in the body tag of your iframe
iframeBody = $(this).contents().find('body');
responseText = iframeBody.text().trim();
// Don't continue until we actually have a response
if (!responseText) return;
// Clear the iframe's html so this function won't be called again for the same content
iframeBody.html('');
// do whatever you want with the response, for example JSON decode it
response = JSON.parse(responseText);
});
</script>
//假设您使用的是jquery
变量形式=$（“#我的形式”），
iframe=$（“#形式目标”）；
//创建每次加载iframe时要调用的函数
iframe.load（函数（）{
var responseText，iframeBody；
//从服务器获取响应。它将位于iframe的body标记中
iframeBody=$（this.contents（）.find（'body'）；
responseText=iframeBody.text（）.trim（）；
//在我们真正得到答复之前不要继续
如果（！responseText）返回；
//清除iframe的html，这样就不会对相同的内容再次调用此函数
iframeBody.html（“”）；
//对响应执行任何您想要的操作，例如JSON解码
response=JSON.parse（responseText）；
});