将上传按钮设为自动上传

来源：互联网发布：找到网络打印机编辑：程序博客网时间：2024/06/05 10:24

问题：将左边的上传图片功能替换成右边的上传图片功能（自动上传图片），不需要在点击一次按钮；

这里写图片描述

解决方案

前台代码：

1.将FileUpload设置为透明
2.通过js将FileUpload2的宽度设置为FileUpload2下方的button宽度相同

     $(function () {           $("#<%=FileUpload2.ClientID%>").css("width", $("#<%=btnExitImport.ClientID%>").css("width"));       })   <asp:FileUpload ID="FileUpload2" runat="server" Style="position: absolute; font-size: 12px; opacity: 0; filter: alpha(opacity=0); margin-left: 67px; width: 67px; height: 24px; cursor: pointer; margin: 0px 5px;" />                        <asp:Button runat="server" ID="btnExitImport" CssClass="formBtn" Text="出关导入" OnClick="btnExitImport_Click" />

后台代码

将上传按钮的文字设置一个onchange属性
通过点击上传按钮，自动调用Button 的OnClick事件

    FileUpload2.Attributes.Add("onchange", "document.getElementById('" + btnExitImport.ClientID + "').click()");  protected void btnExitImport_Click(object sender, EventArgs e)        {}

阅读全文

0 0