使用 ajax 提交表单，包括文件上传 Asp.net [重复]

Question

我正在尝试使用 ajax 提交表单。表单包含文本字段和文件上传字段。问题是它提交文本但不提交文件。我的表格是

<form onsubmit ="return save();"  id="postadform" enctype="multipart/form-data">
Name<input type ="text" name ="name" />
Upload image <input type="file" name="image" id ="filee"/>
<input type ="submit" value = "submit" />
</form>

<script src="~/Scripts/jquery-1.7.1.js"></script>
    <script type="text/javascript">
        function save() {
            $.ajax({
                type: 'POST', url: '/Home/saveData', data: $('#postadform').serialize(),enctype:"multipart/form-data",
                success: function (x) {
                   //do what ever you want
                },
                error: function () {
                    alert('There is some error, plz try again!');
                }
            });

            return false;
        }

        </script>

这是 HomeController.cs 文件的一部分：

[HttpPost]
public String saveData()
{
    String name = Request["name"];
    String filename =  Request.Files[0].FileName; //Problem in this line.  

    return "Successful";
}

Answer 1

Ajax 无法处理文件上传。这是因为 javascript 具有阻止访问用户文件系统的安全限制。这是一件好事——您不希望您访问的网站检查您的文件。

您可以通过将表单的目标属性设置为页面上其他地方的不可见 iframe 进行常规表单发布来伪造 ajax 上传。这使用户觉得页面没有重新加载。有一些 javascript 库可以为您执行此操作，例如 uploadify。

另见this question。