使用jQuery上传文件并将其发布到Controller

Question

我想知道是否可以通过将文件发布到ASP.NET MVC中的控制器操作来上传文件。这个上传表单的对话框将动态生成，在我的情况下，它将在jQuery对话框中。

我知道文件输入元素，但我不知道如何将文件发送到控制器操作，也不知道如何设置action参数

Answer 1

您的操作应该是这样的：

[HttpPost]
public ActionResult Upload(HttpPostedFileBase file) {
  if (file.ContentLength > 0) {
    var fileName = Path.GetFileName(file.FileName);
    var path = Path.Combine(Server.MapPath("~/App_Data/uploads"), fileName);
    file.SaveAs(path);
  }
  return RedirectToAction("Index");
}

取自：http://haacked.com/archive/2010/07/16/uploading-files-with-aspnetmvc.aspx/

然后使用jQuery对话框上传文件：

$dialog.dialog("option", "buttons", {
    "Save": function () {
        var dlg = $(this);
        var formData = new FormData($("#" + formName)[0]);
        $.ajax({
            url: /Controller/upload,
            type: 'POST',
            data: formData,
            processData: false, 
            contentType: false,
            success: function (response, textStatus, xhr) {
            ...
                }
            },
            error: function (xhr, status, error) {
                ....
            }
        });
    },
    "Cancel": function () {
        $(this).dialog("close");
        $(this).empty();
    }
});

Answer 2

<form id="frmFile" method="post" enctype="multipart/form-data" action="<%=Url.Content("~/WriteSomeServerAction/")%>" >
</form>

//将此表单放入模式

Make-Submit事件会将文件发送到Action。在那里，您可以访问Model元素中的文件，如UploadedFileData。

if (_File.UploadedFileData != null && _File.UploadedFileData.ContentLength > 0)
                {
                    byte[] buffer = new byte[_File.UploadedFileData.ContentLength];
                    _File.UploadedFileData.InputStream.Read(buffer, 0, buffer.Length);
                    _File.FileData = System.Text.Encoding.Default.GetString(buffer);
                    _File.UploadedFileData = null;
                }