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

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

代码如下

使用方法如下

<script type="text/javascript">
$(function () {
var button = $('#upload');
new AjaxUpload(button, {
action: '/upload/imagesAjaxUpload',
name: 'upload',
onSubmit: function (file, ext) {
if (!(ext && /^(jpg|jpeg|JPG|JPEG)$/.test(ext))) {
alert('图片格式不正确,请选择 jpg 格式的文件!', '系统提示');
return false;
}
// change button text, when user selects file
button.text('上传中');
// If you want to allow uploading only 1 file at time,
// you can disable upload button
this.disable();
// Uploding -> 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("<img src='/uploads/qr/"+json.file_name+"' />");
//$("#wechat_qr").val('/uploads/qr/'+json.file_name);
}
});
});
</script>

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

# jquery  # ajax  # upload无刷新上传  # ajaxfileupload上传  # jQuery+AJAX实现网页无刷新上传  # jQuery的ajax中使用FormData实现页面无刷新上传功能  # Jquery基于Ajax方法自定义无刷新提交表单Form实例  # jQuery Ajax 上传文件处理方式介绍(推荐)  # jQuery Ajax文件上传(php)  # 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子  # jquery ajax实现文件上传功能实例代码  # 基于HTML5 Ajax文件上传进度条如何实现（jquery版本）  # jquery插件ajaxupload实现文件上传操作  # PHP+jQuery+Ajax实现多图片上传效果  # Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】  # 小编  # 都是  # 在此  # 给大家  # 找了  # 请选择  # 不正确  # 所述  # 上传图片  # 给我留言  # 中会  # 感谢大家  # 方法如下  # 上传文件  # 疑问请  # 有任何  # 上传  # file  # onSubmit  # imagesAjaxUpload 

相关文章： 企业网站制作公司网页,推荐几家专业的天津网站制作公司？  PHP正则匹配日期和时间(时间戳转换)的实例代码  宝塔建站助手安装配置与建站模板使用全流程解析  如何选择高效响应式自助建站源码系统？  建站之星安装后如何自定义网站颜色与字体？  如何在阿里云通过域名搭建网站？  如何选择网络建站服务器？高效建站必看指南  建站之星安装后如何配置SEO及设计样式？  建站主机是什么？如何选择适合的建站主机？  建站之星安装提示数据库无法连接如何解决？  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  内部网站制作流程,如何建立公司内部网站？  网站制作免费,什么网站能看正片电影？  常州自助建站费用包含哪些项目？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  ui设计制作网站有哪些,手机UI设计网址吗？  Android自定义控件实现温度旋转按钮效果  IOS倒计时设置UIButton标题title的抖动问题  建站之星价格显示格式升级，你的预算足够吗？  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  免费ppt制作网站,有没有值得推荐的免费PPT网站？  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  金*站制作公司有哪些,金华教育集团官网？  已有域名和空间如何快速搭建网站？  如何在IIS7中新建站点？详细步骤解析  *服务器网站为何频现安全漏洞？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  建站之星代理如何获取技术支持？  无锡营销型网站制作公司,无锡网选车牌流程？  电商平台网站制作流程,电商网站如何制作？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  贸易公司网站制作流程,出口贸易网站设计怎么做？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  攀枝花网站建设,攀枝花营业执照网上怎么年审？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  个人网站制作流程图片大全,个人网站如何注销？  PHP 500报错的快速解决方法  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  5种Android数据存储方式汇总  建站与域名管理如何高效结合？  建站上市公司网站建设方案与SEO优化服务定制指南  如何快速登录WAP自助建站平台？  如何用搬瓦工VPS快速搭建个人网站？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  如何选择高性价比服务器搭建个人网站？  招商网站制作流程,网站招商广告语？