javascript - AJAX上传文件

Question

我知道有很多这样的问题，但我无法让事情发挥作用:(在下面的脚本中，仅发布“test=bla”，而未发布文件。我究竟做错了什么？谢谢!!!

<input type="file" name="fileUpload" id="fileUpload" onchange="fileUploadChange(this);"   />


function fileUploadChange(e) {
    var mydata = new FormData();
    mydata.append("test", "bla");
    mydata.append("fff", e.files[0]);

    $.ajax({
        type: "POST",
        url: "TestApp/Home/fileUpload",
        contentType: false,
        processData: false,
        data: mydata,
        success: function (data) {
            alert("success");
        }
        error: function (error) {
            alert("error");
        }
    });
}

经过进一步调查，我发现:在.NET MVC中，Controller.Request对象具有Form属性和Files属性。简单的数据项，如字符串、整数等可以在 Form.Keys 中找到，文件位于 Request.Files

Answer 1

你错过了，在成功和错误方法之间。

$.ajax({
        type: "POST",
        url: "TestApp/Home/fileUpload",
        contentType: false,
        processData: false,
        data: mydata,
        success: function (data) {
            alert("success");
        },
        error: function (error) {
            alert("error");
        }
    });