如何在单击“浏览”后立即生成FileUpload控件上传文件？

Question

直到现在，我一直在使用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控件的按钮将执行附加按钮的工作。

Answer 1

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

首先确保在页面body中注册了一个load事件处理程序：

<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>

然后使用此代码绑定到事件（将#fileUpload1和#form1替换为FileUpload和Form元素的id）：

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

如何在单击“浏览”后立即生成FileUpload控件上传文件？

问题描述

1 个解决方案

解决方案1
4 已采纳 2013-04-06 13:40:40

如何在单击“浏览”后立即生成FileUpload控件上传文件？

问题描述

1 个解决方案

解决方案1 4 已采纳 2013-04-06 13:40:40

解决方案1
4 已采纳 2013-04-06 13:40:40