使用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 

相关文章： 如何构建满足综合性能需求的优质建站方案？  如何快速上传自定义模板至建站之星？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  建站之星会员如何解锁更多建站功能？  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  如何用已有域名快速搭建网站？  制作网站的基本流程,设计网站的软件是什么？  Python文件管理规范_工程实践说明【指导】  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  网站制作说明怎么写,简述网页设计的流程并说明原因？  婚礼视频制作网站,学习*后期制作的网站有哪些？  股票网站制作软件,网上股票怎么开户？  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  如何实现建站之星域名转发设置？  ,如何利用word制作宣传手册？  如何确保FTP站点访问权限与数据传输安全？  专业公司网站制作公司,用什么语言做企业网站比较好？  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  建站之星客服服务时间及联系方式如何？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  建站之星免费版是否永久可用？  Android滚轮选择时间控件使用详解  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  如何选择适合PHP云建站的开源框架？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  如何在建站宝盒中设置产品搜索功能？  上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？  实例解析Array和String方法  一键网站制作软件,义乌购一件代发流程？  建站之星好吗？新手能否轻松上手建站？  如何在橙子建站中快速调整背景颜色？  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？  想学网站制作怎么学,建立一个网站要花费多少？  模具网站制作流程,如何找模具客户？  如何在景安云服务器上绑定域名并配置虚拟主机？  如何选择香港主机高效搭建外贸独立站？  建站之星如何快速解决建站难题？  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料？  html制作网站的步骤有哪些,iapp如何添加网页？  建站上市公司网站建设方案与SEO优化服务定制指南  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  浅析上传头像示例及其注意事项  如何高效生成建站之星成品网站源码？  深圳网站制作案例,网页的相关名词有哪些？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？  建站主机系统SEO优化与智能配置核心关键词操作指南  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？