2013-10-23 64 views
0

当用户想要上传文件(当前有4个地方允许这样做),他们首先必须“选择文件”,然后他们必须点击“上传”。如果他们错过了第二个“上传”步骤,那么他们或我们没有任何迹象。一步处理文件上传

有没有办法将“两步”过程结合到单个步骤(选择并上传)。

+1

有4个上传投入。是否可以只为所有输入选择文件,只需点击上传按钮一次 –

回答

3

使用此链接可以多了解一下

http://www.c-sharpcorner.com/UploadFile/2b481f/uploading-a-file-in-Asp-Net-web-api/ 

而且你还可以使用此代码

<head runat="server"> 
    <title></title> 
    <script src="Scripts/jquery-1.9.1.min.js"></script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:FileUpload ID="fileupload1" runat="server" /> 
     <asp:Button ID="btn" runat="server" OnClick="btn_Click" Text="upload" style="display:none" /> 
    </div> 
    <script type="text/javascript"> 
     var isfirst = true; 
     $(function() { 

      $('#<%= fileupload1.ClientID %>').on('change', function (e) { 
       console.log('change triggered'); 
       $('#<%= btn.ClientID%>').trigger('click'); // trigger the btn button click which i have hidden using style='display:none' 
      }); 
     }); 

    </script> 
    </form> 
</body> 
Code behind 

protected void btn_Click(object sender, EventArgs e) 
{ 
    //TODO 
} 
+0

有4个上传输入。是否可以只为所有输入选择文件,只需点击一次上传按钮即可 –