当fileupload控件在updatepanel下时如何上传图片？

Question

updatepanel下fileupload时如何上传图片？

我在更新面板中有一个“上传”按钮。

当我单击按钮单击事件中的该按钮时，我得到 fileupload hasfile=false。 请建议当文件上传控件位于更新面板内并且按钮正在进行异步回发时，是否有任何方法可以上传图像文件。

提前致谢。

Answer 1

您可以使用AJAX AsyncFileUpload控件

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

另请检查此线程。
在 AJAX updatepanel 中上传文件，无需完整回发

Answer 2

这是不可能的。出于安全原因，浏览器不允许 javascript 上传文件。

对于此问题，有两种正常的解决方法：

• 在 iF​​rame 中执行上传
• 使用 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/

Answer 4

你可以试试这个代码。我试过了，它对我有用。

<asp:ScriptManager runat="server" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server" >
<ContentTemplate>
<div>
<asp:FileUpload ID="FileUpload1" runat="server" /> <br/>
<asp:Button ID="btn_Upload" runat="server" Text="Save" OnClick="btn_Upload_Click" /><br />
</div>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="btn_Upload" />
</Triggers>
</asp:UpdatePanel>