在MVC3中使用模式彈出的文件上傳

Question

我想在MVC3中使用模態彈出來實現文件上傳。上傳文件時，控制器接收空值而不是文件名。這個功能是否可以在MVC3中實現。
jQuery是如下，

控制器代碼：

「

[HttpPost] 
     public ActionResult Upload(HttpPostedFileBase file) 
     { 

      var fileName = ""; 
      var path = ""; 
      string file1 = ""; 
      if (ModelState.IsValid) 
      { 
       if (file.ContentLength > 0) 
       { 
        fileName = Path.GetFileName(file.FileName); 
        path = Path.Combine(Server.MapPath("~/Content/"), fileName); 
        file.SaveAs(path); 
       } 
      } 
      return RedirectToAction("Create","Manager",new{file1=fileName}); 
     } 

」 「

var linkObj; 
    $(function() { 
     $(".editLink").button(); 

     $('#updateDialog').dialog({ 
      autoOpen: false, 
      width: 400, 
      resizable: false, 
      modal: true, 
      buttons: { 
       "Update": function() { 
        $("#update-message").html(''); //make sure there is nothing on the message before we continue       
        $("#updateCarForm").submit(); 
       }, 
       "Cancel": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 

     $(".editLink").click(function() { 
      //change the title of the dialgo 
      linkObj = $(this); 
      var dialogDiv = $('#updateDialog'); 
      var viewUrl = linkObj.attr('href'); 
      $.get(viewUrl, function (data) { 
       dialogDiv.html(data); 
       //validation 
       var $form = $("#updateCarForm"); 
       // Unbind existing validation 
       $form.unbind(); 
       $form.data("validator", null); 
       // Check document for changes 
       $.validator.unobtrusive.parse(document); 
       // Re add validation with changes 
       $form.validate($form.data("unobtrusiveValidation").options); 
       //open dialog 
       dialogDiv.dialog('open'); 
      }); 
      return false; 
     }); 

    }); 


    function updateSuccess() { 
     if ($("#update-message").html() == "True") { 
      //we update the table's info 
      var parent = linkObj.closest("tr"); 
      parent.find(".carName").html($("#Name").val()); 
      parent.find(".carDescription").html($("#Description").val()); 
      //now we can close the dialog 
      $('#updateDialog').dialog('close'); 
      //twitter type notification 
      $('#commonMessage').html("Update Complete"); 
      $('#commonMessage').delay(400).slideDown(400).delay(3000).slideUp(400); 
     } 
     else { 
      $("#update-message").show(); 
     } 
    } 

</script> 

」

腳本加載文件。

「

<% using (Ajax.BeginForm("Upload", "Manager", null, 
     new AjaxOptions 
     { 
      UpdateTargetId = "update-message", 
      InsertionMode = InsertionMode.Replace, 
      HttpMethod = "POST", 
      OnSuccess = "updateSuccess" 
     }, new { @id = "updateCarForm" })) 

    { %> 
    <div class="editor-field" id="error invisible"></div> 
    <fieldset> 
     <div> 
     <input type="file" name="file" id="file"/> 

     </div> 
     <div> 
      <input type="submit" value="Save" /> 
     </div> 
    </fieldset> 
<% } %> 

」

Answer 1

可惜Ajax.BeginForm不能上傳文件。您將不得不使用IFrame或類似軟件「僞造」。請檢查出

http://www.webtoolkit.info/ajax-file-upload.html

例如。

乾杯 菲爾