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

前端之家收集整理的这篇文章主要介绍了使用jQuery ajaxupload插件实现无刷新上传文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

代码如下

使用方法如下

Uploading. -> Uploading... interval = window.setInterval(function () { var text = button.text(); if (text.length < 10) { button.text(text + '...'); } else { button.text('上传中'); } },200); },onComplete: function (file,response) { window.clearInterval(interval); // enable upload button this.enable(); var json = 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); } }); });

以上所述是小编给大家介绍的使用jQuery ajaxupload插件实现无刷新上传文件。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/ajax/39777.html

猜你在找的Ajax相关文章