版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chaoyue1861/article/details/84890742
一、使用ajaxFileUpload上传
1、前台请求
<script type="text/javascript" src="../jquery.min.js"/>
<script type="text/javascript" src="../ajaxfileupload.js"/>
<input type="file" id="file" name="file"/>
<button onclick="shangchuan();">上传</button>
2、ajaxfileupload参数介绍
1、url 上传处理程序地址。
2,fileElementId 需要上传的文件域的ID,即<input type="file">的ID。
3,secureuri 是否启用安全提交,默认为false。
4,dataType 服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。
5,success 提交成功后自动执行的处理函数,参数data就是服务器返回的数据。
6,error 提交失败自动执行的处理函数。
7,data 自定义参数。这个东西比较有用,当有数据是与上传的图片相关的时候,这个东西就要用到了。
8, type 当要提交自定义参数时,这个参数要设置成post
3、js代码
function shangchuan(){
$.ajaxfileupload({
url:"/aa",
secureuri:false,//是否需要安全协议,一般设置为false
fileElementId:'file',//文件上传域的ID
dataType:'json',
success:function(data){
},
error:function(data){
}
})
}
二、直接获取file文件
1、前台请求
<input class="xz" type="file" id="gzb" onchange="user.uploadBtn ('gzb')" />
<span class="xzwj_b" id="uploadEventPath">工资发放表</span>
2、js代码
<script type="text/javascript">
var user;
$(function(){
user = new User();
user.init();
})
var User = function(){
//初始化
this.init = function(){
$("#gzb").val("");
$("#gzb").bind("change",function(){
$("#uploadEventPath").attr("value",$("#gzb").val());
})
}
//点击上传按钮
this.uploadBtn = function(id){
var uploadEventFile = $("#gzb").val();
if(uploadEventFile == ""){
alert("请选择excel格式");
}else if(uploadEventFile.lastIndexOf(".xls") <0){
alert("只能上传excel格式");
}else{
var url = "/*/*";
//var formData = new FormData($("form")[0]); //有form表单时
var formData = new FormData();
formData.append("file", $('#' + id).prop('files')[0]);
user.sendAjaxRequest(url,'POST',formData);
}
this.sendAjaxRequest = function(url,type,data){
$.ajax({
url:url,
data:data,
type:type,
success:function(result){
alert(result);
},
error:function(){
alert("excel上传失败");
},
cache:false,
contentType:false,
processData:false
})
}
}
}
</script>