ThickBox - 在没有重定向的情况下更新内部

Question

ASP.NET MVC 和 jQuery ThickBox。 我在ThickBox 中展示了一些内容。它包括文件上传表单

查看multi-media.apsx

<form action="/upload/multi-media" method="post" enctype="multipart/form-data">
  <label for="file">File name:</label><br />
  <input type="file" name="file" id="file" /><br />
  <input type="submit" value="Upload" /> 
</form>
<% if (Model.Count > 0) { %>
  <% foreach (FileInfo mediaFile in Model) { %>
    <img width="100px" height="100px" 
      src="<%:ResolveUrl("~/audio.png") %>" border="0" alt="<%: mediaFile.Name %>" />                //................

文件上传后，我重定向到 /upload/multi-media 操作，内容显示在普通窗口中，而不是在ThickBox中。

[ActionName("multi-media"), HttpPost]
public ActionResult MultiMedia(HttpPostedFileBase file)
{          
    if (file.ContentLength > 0)
    {
        file.SaveAs(GenerateNewFileName(fullFileName));
        return View("multi-media", model);
    }
}

文件上传后如何留在ThickBox？我需要一直在ThickBox中显示内容，即使在文件上传之后也是如此。

更新： ajax 文件上传。无论如何重新加载ThickBox。为什么？

视图 multi-media.apsx

     <div id="mydiv">
        <% Html.RenderPartial("MultiMediaDetails", Model); %> </div>

MultiMediaDetails.ascx

    <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<List<FileInfo>>"%>
    <%@ Import Namespace="System.IO" %>
 <% using (Ajax.BeginForm("multi-media", "upload" ,
    new AjaxOptions { UpdateTargetId = "mydiv", HttpMethod = "Post"   }, new { enctype = "multipart/form-data" }))
{ %>

  <label for="file">File name:</label><br />
  <input type="file" name="file" id="file" />&nbsp;
  <input type="submit" value="Upload" />

 <% }%>

 <% if (Model.Count > 0)
   {
     foreach (FileInfo mediaFile in Model)
      {
          //...................  .............."/>

Answer 1

您无法通过 Ajax 上传 HTML 文件，因此避免页面重新加载的唯一方法是将上传器放在 iframe 中或使用像 SWFUpload 这样的 Flash 上传器。