gpt4 book ai didi

c# - 如何让FileUpload控制点击 'Browse'后立即上传文件?

转载 作者:太空狗 更新时间:2023-10-29 23:24:08 26 4
gpt4 key购买 nike

到目前为止,我一直在使用 2 个控件(FileUpload 和附加按钮)。在 fileUpload 控件中选择文件后,用户必须按保存按钮接受他的选择。

这是按钮的代码:

    protected void Button1_Click(object sender, EventArgs e)
{
if (FileUpload1.HasFile)
{
FileUpload1.SaveAs(Server.MapPath("~/file.jpg"));
Label1.Text = Server.MapPath("~/file.jpg");
Image1.ImageUrl = "file.jpg";
}
}

我想知道是否有一种方法可以避免使用该按钮,这样 FileUpload 控件的按钮就可以完成附加按钮的工作。

最佳答案

FileUpload控件呈现 <input type="file>在浏览器中。您可以使用 javascript change 触发上传的事件。

首先确保你有一个 loadbody 中注册的事件处理程序你的页面:

<body onload="body_onload()">

并将此代码添加到您的事件处理程序中:

<script type="text/javascript">
function body_onload()
{
...

$get('<%=FileUpload.ClientID%>').onchange = function() {
$get('<%=this.Page.Form.ClientID%>').submit();
};
}
</script>

或者要使用纯 jQuery 执行此操作,请将其放在 head 中你的页面(如果你还没有包含 jQuery):

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

然后使用此代码绑定(bind)到事件(将 #fileUpload1#form1 分别替换为您的 FileUploadForm 元素的 ID):

<script type="text/javascript">
$(document).ready(function() {
$("#fileUpload1").change(function() {
$("#form1").submit();
});
});
</script>

关于c# - 如何让FileUpload控制点击 'Browse'后立即上传文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15851619/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com