ajaxFileUpload用法

时间:2022-05-22 19:55:41

首先要引入两个js

<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/js/ajaxfileupload.js"></script>
注意顺序
$(function(){
$('#upload').click(function(){
$("#submit_info").click(
function() {
var fileObj = document.getElementById("file_e").files;
if (fileObj.length < 1) {
alert("请选择一个上传文件!");
} else {
ajaxFileUpload();
}
})
});
}); function ajaxFileUpload() {
$.ajaxFileUpload(
{
url: '/student/openUpload/',
type: 'post',
secureuri: false, //是否需要安全协议,一般设置为false
fileElementId: 'file_e', //文件上传域的ID
dataType: 'json', //返回值类型 一般设置为json
success: function (response) { // 处理完数据后前台的回调函数(即后台执行完之后前台接着要做的事)
if (response['flag'] == true) {
var data = response['msg'];
alert(data);
window.location = "/student/open/"
} else {
data = response['msg'];
alert(data);
}
},
error: function (data, status, e)//服务器响应失败处理函数
{
alert(e);
}
});
}