Загрузка аватара без загрузки страницы

Question

Я хочу добавить функцию загрузки изображения аватара в свой проект, и мне было интересно, существует ли какое-либо решение AJAX / jQuery для загрузки изображения без необходимости обновлять страницу после загрузки (изображение загружается автоматически).

Answer 1

Я использовал http://www.uploadify.com/ в нескольких проектах, и он прекрасно работает.

Answer 2

Видимо, это можно сделать, еще не пробовал.

http://www.plupload.com/

Answer 3

Попытка обновления панели с триггером НЕ РАБОТАЕТ !!

НЕ РАБОТАЕТ:

<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" />

РАБОТАЕТ:

поэтому вы должны поместить весь тег FileUpload на отдельную страницу, вызвать его в iframe на главной странице и, конечно же, сохранить кнопку «Upload» в iframe;поэтому, нажав на кнопку загрузки, будет обновлен только iframe без обновления всей страницы. (хорошо проверено)

Answer 4

Вы можете использовать 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>