2013-10-23 110 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個上傳輸入。是否可以只爲所有輸入選擇文件,只需點擊一次上傳按鈕即可 –