我正在编写需要上传文件 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);
}
有人可以帮忙吗,我认为它应该有效,但我不知道为什么它不起作用。
最佳答案
在 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
}
});
});
关于javascript - 上传文件 jQuery ajax MVC,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26574454/