javascript - 上传文件 jQuery ajax MVC

Question

我正在编写需要上传文件 ajax 的应用程序，我使用了 jQuery.form 库，但操作转到带有空文件列表的 Controller ，我不知道为什么这是我的代码 html:

<form id="well-log-form" method="post" enctype="multipart/form-data">

            <div class="fileUpload btn btn-primary">
                <span>Well Logs</span>
                <input type="file" id="well-logs" class="upload" />
            </div>
        </form>

Js代码是:

   document.getElementById("well-logs").onchange = function () {

    var _url = "/Importer/WellLogUpload";
    var options = {         
        beforeSubmit: showRequest,  

        url: _url,
        type: 'post'        

    };
    $('#well-log-form').ajaxSubmit(options);
};
function showRequest(formData, jqForm, options) {
    return true;
}

function showResponse(responseText, statusText, xhr, $form) {
   // $("body").append(responseText);
}

有人可以帮忙吗，我认为它应该有效，但我不知道为什么它不起作用。

Answer 1

在 jquery 中试试这个，它会发布你的文件。

//#file is the id of { <input type="file" id="file"> }

$("#file").change(function () {

    var file_data = $(this).prop("files")[0];
    var form_data = new FormData();
    form_data.append("file", file_data)

    $.ajax({
        url: "your url",
        type: "post",
        data: form_data,
        contentType: false,
        processData: false,
        success: function (path) {
           //on success
        }
    });

});