如何在fileupload控件在updatepanel下時上傳圖片？

Question

如何在fileupload在updatepanel下時上傳圖片？

我有一個按鈕說「上傳」內更新面板。

當我點擊按鈕裏面的按鈕點擊事件時，我得到了fileupload hasfile = false。 當fileupload控件在更新面板裏面，並且按鈕正在製作asyncpostback時，請建議是否有任何方法來上傳圖片文件。

在此先感謝。

Answer 1

你可以使用AJAX AsyncFileUpload控制

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/AsyncFileUpload/AsyncFileUpload.aspx

還要檢查這個線程。 File uploading in AJAX updatepanel without full postback

Answer 2

這是不可能的。出於安全原因，瀏覽器不允許JavaScript上傳文件。

有此問題的兩個正常解決方法：

• 在iframe
• 使用Flash插件執行上傳上傳

我最近在異步應用這個工具來上傳文件我的網頁，它的工作方式很漂亮：http://valums.com/ajax-upload/ 它自動爲你創建一個iFrame，併發布框架並將生成的html（或json對象）發送到事件處理程序。接收上傳文件的我的頁面返回描述文件的json對象，例如文件名和一個唯一的ID，這樣我就可以將發佈在主頁上的數據鏈接到上傳的文件。

爲了安全起見，我存儲了用戶上傳文件的憑據，因此當表單發佈時，我可以驗證發佈表單的用戶確實是上傳文件的用戶。

Answer 3

我曾嘗試如下。這是工作。

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="conditional"> 
<ContentTemplate> 
<asp:FileUpload ID="FileUpload1" runat="server" /> 
<asp:Button ID="Upload" runat="server" Text="Upload" OnClick="Upload_Click" /><br /> 
<asp:Image ID="NormalImage" runat="server" /></ContentTemplate> 
<Triggers> 
<asp:PostBackTrigger ControlID="Upload" /> 
</Triggers> 
</asp:UpdatePanel> 

參考

http://www.c-sharpcorner.com/uploadfile/prathore/fileupload-control-in-update-panel-using-Asp-Net-ajax/