上传文件jQuery ajax MVC
问题描述:
我正在写应用程序,我需要上传文件ajax我用jQuery.form库,但行动去控制器空文件列表我不知道为什么这里是我的代码html:上传文件jQuery ajax MVC
<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
}
});
});