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

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

来源

2011-05-01 dana

我已经在多个项目中使用http://www.uploadify.com/和它的伟大工程。

来源

2011-05-01 22:29:11 morgar

+1很棒的jQuery插件 – 2011-05-01 22:32:35

显然这可以做到，还没有尝试过。

http://www.plupload.com/

来源

2011-05-01 22:05:32

谢谢。我会看看它 – dana 2011-05-01 22:14:41

你可以使用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>

来源

2011-05-01 22:16:34

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

犯规不起作用：

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

做的工作：

所以你必须去把整个文件上传标签在一个单独的页面，在你的主要调用它的iframe页面，并保留iframe中的“上传”按钮;所以通过点击上传按钮，iframe会自动刷新而不刷新整个页面。 （经过良好测试）

来源

2011-05-02 06:29:19 Arrabi

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

回答

相关问题