ajax提交文件

Posted 小三的小四

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax提交文件相关的知识,希望对你有一定的参考价值。

$("#file").off("change").on("change",function(){
var inputFile = $(‘#file‘).get(0).files[0];
if(inputFile && (inputFile.name.endsWith("doc") || inputFile.name.endsWith("docx"))){
$("#span").html(inputFile.name);
}else{
window.wxc.xcConfirm("请上传word文件!", "error");
return ;
}
});

<form id="addForm" class="form-horizontal" enctype="multipart/form-data">
<input type="file" accept="application/pdf" id="file" name="file" style="display:none">
</form>
$("#BA_Btn").click(function(){
var s=$("#span").html();
var form = new FormData(document.getElementById("addForm"));
$.ajax({
type: "POST",
url: "<%=basePath%>backend/sjxq/add",
data: form,
async: false,
processData: false,
contentType: false,
success: function (result) {
window.history.back();
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
window.wxc.xcConfirm("保存失败", "error");
return ;
},
});
});

以上是关于ajax提交文件的主要内容,如果未能解决你的问题,请参考以下文章

在 PHP 中使用 Ajax 提交图像文件

表单提交(同步提交)和AJAX提交(异步提交)

ajax利用FormData异步文件提交

ajax 上传文件,post上传文件,ajax 提交 JSON 格式的数据

form表单submit提交内容,跟ajax异步提交form表单的区别,

ajax form表单提交 input file中的文件