上传文件jQuery ajax MVC

Upload File jQuery ajax MVC

本文关键字：ajax MVC jQuery 文件      更新时间：2023-09-26

我正在编写需要上传文件的应用程序ajax我使用了jQuery.form库，但操作转到了带有空文件列表的控制器我不知道为什么这里是我的代码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);
}

有人能帮上忙吗？我认为它应该起作用，但我不知道为什么它不起作用。

在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
        }
    });
});
相关文章：