javascript - 在 asp .net mvc 中使用 jquery 将文件作为参数传递

Question

为了从excel文件导入数据并在ascx页面中显示数据，我想通过jQuery函数将文件作为参数传递给 Controller 这是我的代码:查看:

<% Using (Html.BeginForm (new {enctype = "multipart / form-data"}))
                     {%>
                         <input type = "file" name = "file" />
                         <input type = "button" value = "OK" onclick = "Import (); return false;" />
                     <%}%>

jquery:

Import function () {
     var formData = new FormData ();
     formData = do something to get the file
     var Dialog = new MessageBox ();
     $ .ajax ({
         the type: 'POST'
         url: "/ Controller / Import"
         data: formData,
         cache: false,
         contentType: false,
         processData: false,
         success: function (View) {
             alert ("success");
             $ ("# DivList"). Empty ()
             $ ("# mainPageMainContent") append (View).;
         },
         complete: function () {
             ClosePatienter ();
             Dialog.MsgClose ();
         }
     });
}

Controller :

public ActionResult Import(HttpPostedFileBase file)
{
      ......
      return PartialView("OtherView", model);
}

当我执行此操作时， Controller 中的文件为空有人可以帮助我预先感谢您

Answer 1

您没有将文件添加到表单数据对象中。做这样的事情:

var formData = new FormData ();
//formData = do something to get the file
var uploadField = document.getElementById('uploadField');
formData.append("file", uploadField.files[0]);

其中“uploadField”是文件输入元素的 ID。