Question

我想在我的项目中添加一个头像图片上传功能，我想知道是否存在任何用于上传图片的AJAX / jQuery解决方案，而无需在上传后刷新页面（图片自动上传）。

Answer 1

我在几个项目中使用了http://www.uploadify.com/，效果很好。

Answer 2

显然这可以做到，尚未尝试过。

http://www.plupload.com/

Answer 3

您可以使用iframe作为目标，以避免整页重新加载：

<form method="post" action="your_action" enctype="multipart/form-data" target="myIframe">
   <input type="file" name="image" />
   <input type="submit" value="Upload image" />
</form>

<iframe name="myIframe" id="myIframe">
   //Post response will load here
</iframe>

Answer 4

尝试使用触发器更新面板不工作!!

没有工作：

<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="true"                                                           UpdateMode="Conditional" >
  <ContentTemplate>
     <asp:Repeater ID="rpUploadedImages" runat="server">
       <ItemTemplate>
        <img src='../Images/<%# DataBinder.Eval(Container.DataItem, "ImagePath")%>'/><br />
       </ItemTemplate>
     </asp:Repeater>
   </ContentTemplate>
   <Triggers>
       <asp:AsyncPostBackTrigger ControlID="btnupload" EventName="click" />
   </Triggers>
 </asp:UpdatePanel>

<asp:FileUpload ID="FileUpload1" runat="server" /><br />
<asp:Button ID="btnupload" runat="server" Text="Upload" onclick="btnupload_Click" />

DO WORK：

因此您必须将整个FileUpload标记放在单独的页面中，并在主页面的iframe中调用它，当然还要在iframe中保留“上传”按钮;因此，通过单击上传按钮，iframe将单独刷新而不刷新整个页面。 （经过充分测试）

没有页面上传的头像图片上传

4 个答案: