这里使用JQuery,但是老版本的JQuery比如1.2是不支持的,最好使用2.0或更新版本:
<form action="upload" id="multitapForm" method="post" enctype="multipart/form-data">
<h4>人均转接率源数据:</h4>
<input type="file" name="file" id="multitapFile" class="btn-primary">
<input style="display: none;" type="text" name="fileName" value="人均转接率源数据.xls">
<button type="button" class="btn btn-info" οnclick="uploadFile('multitap')">上传</button>
</form>
//使用FormData,进行Ajax请求并上传文件
function doUpload(type) {
var formData = new FormData($( "#"+type+"Form" )[0]);
$.ajax({
url: 'upload' ,
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (returndata) {
// alert(returndata);
zeroModal.closeAll();
if(returndata=='success'){
zeroModal.success("恭喜你,文件上传成功~");
}else{
zeroModal.error("恭喜你,文件上传失败!");
}
},
error: function (returndata) {
// alert('error:'+returndata);
zeroModal.closeAll();
zeroModal.error(returndata.toString());
}
});
}
http://www.w3school.com.cn/jquery/ajax_ajax.asp