Question

我正在ASP.NET MVC应用程序中上传文件。在.ascx文件中，我有以下内容：

<form action="/Admin/Mail/ABC" enctype="multipart/form-data"  method="post">
<div>               
    <input type="file" name="file" id="file" />
    <input type="submit" value="Upload" id="UploadList" onclick="Origin.UploadOptOutList();"/>
</div>

<。>在.js文件中：

Origin.UploadList = function () {
    Origin.ajax({
        url: '/Admin/Mail/Upload',
        type: 'POST',
        dataType: 'json',
        success: function (data) {
            alert('success!');
        }
    });               
}

和控制器：

[HttpPost]
public ActionResult Upload(HttpPostedFileBase file)
{
    List<string> validIDs, invalidIDs;
    if (file.ContentLength > 0)
    {
        // do something
    }
}

从.js调用Action时，'file'始终为NULL。知道我错过了什么吗？

Answer 1

首先，除非使用HTML5，否则无法异步上传文件。如果您仍需要此功能，则可能需要尝试jQuery Form plugin。

第二，在您当前的js中，您没有发送任何包含您请求的数据（data方法选项中的字段ajax），这就是您在服务器端没有收到任何内容的原因。此外，如前所述，无法在此请求中插入文件。这里最简单的解决方案是放弃使用AJAX并以通常的方式上传文件：

查看：

<form action="/Admin/Mail/Upload" enctype="multipart/form-data"  method="post">
    <div>               
        <input type="file" name="file" id="file" />
        <input type="submit" value="Upload" id="UploadList" />
    </div>
</form>

这里没有js，服务器代码是相同的。

Answer 2

这就是你需要的

ScriptManager sm = ScriptManager.GetCurrent(Page);
            sm.RegisterPostBackControl(btnEditSubmit);
            Page.Form.Attributes.Add("enctype", "multipart/form-data");
            Page.Form.Attributes.Add("method", "post");

文件上传 - 返回null

2 个答案: