加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ajaxfileupload 多文件上传

发布时间:2020-12-15 22:01:57 所属栏目:百科 来源:网络整理
导读:html 代码: input type="file" id="wen"value="上传"/ input type="file" id="li"value="上传"/ input type="file" id="wenli"value="上传"/ input type="button" value="上传" onclick="upload()"/ js 代码: function upload(){ $(this) .ajaxStart(funct

html 代码:

<input type="file" id="wen"value="上传"/>

<input type="file" id="li"value="上传"/>

<input type="file" id="wenli"value="上传"/>

<input type="button" value="上传" onclick="upload()"/>

js 代码:

function upload(){

$(this)
.ajaxStart(function(){ //开始上传前的图片 loading 等待效果
document.getElementById("neir").style.display="none";
document.getElementById("div1").style.display="block";

setInterval("mar()",5);

})//开始上传文件时显示一个图片
.ajaxComplete(function(){//上传完成隐藏
$(this).hied();

});

$.ajaxFileUpload
(
{
/student/updateStudent!fenBan.action?yesrId='+val,//" rel="nofollow">url:'<%=request.getContextPath()%>/student/updateStudent!fenBan.action',//用于文件上传的服务器端请求地址
secureuri:false,//一般设置为false
fileElementId:['wen','li','wenli'],//文件上传空间的id属性 <input type="file" id="file" name="file" />
dataType: 'json',//返回值类型 一般设置为json

success: function (data,status) //服务器成功响应处理函数
{
$(qti).qtip("hide");
$(qti).qtip("destroy");

if(data.success=='ok'){

alert("操作成功");
self.location='<%=request.getContextPath()%>/student/updateStudent!show.action';
}else{

alert("操作失败");
self.location='<%=request.getContextPath()%>/student/updateStudent!show.action';
}

},
error: function (data,status,e)//服务器响应失败处理函数
{
alert(e);
}
}
);

}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读