微客导航 » 文章资讯 » 使用jQuery ajaxupload插件实现无刷新上传文件

使用jQuery ajaxupload插件实现无刷新上传文件

2024-02-25 04:56:03 143

项目中会经常用到AJAX无刷新上传图片，但是iframe上传和flash插件都是比较复杂的，所以就找了一个jquery的插件。

代码如下

使用方法如下


$(function(){
varbutton=$('#upload');
newAjaxUpload(button,{
action:'/upload/imagesAjaxUpload',
name:'upload',
onSubmit:function(file,ext){
if(!(ext&&/^(jpg|jpeg|JPG|JPEG)$/.test(ext))){
alert('图片格式不正确,请选择jpg格式的文件!','系统提示');
returnfalse;
}
//changebuttontext,whenuserselectsfile
button.text('上传中');
//Ifyouwanttoallowuploadingonly1fileattime,
//youcandisableuploadbutton
this.disable();
//Uploding->Uploading.->Uploading...
interval=window.setInterval(function(){
vartext=button.text();
if(text.length<10){
button.text(text+'...');
}else{
button.text('上传中');
}
},200);
},
onComplete:function(file,response){
window.clearInterval(interval);
//enableuploadbutton
this.enable();
varjson=eval('('+response+')');
button.text('选择文件');
$(".qr").css("display","inline");
$(".qr>img").attr("src",json.file_name);
$("input[name='wechat_qr']").val('/uploads/qr/'+json.file_name);
//alert(json.file_name);
//$("#ajaximg").html("");
//$("#wechat_qr").val('/uploads/qr/'+json.file_name);
}
});
});

以上所述是小编给大家介绍的使用jQueryajaxupload插件实现无刷新上传文件，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

使用jQuery ajaxupload插件实现无刷新上传文件

热门推荐

随机推荐