使用jQuery ajaxupload插件实现无刷新上传文件_网络技术

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

发布时间 - 2026-01-11 00:47:18 点击率：次

项目中会经常用到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

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：CentOS怎么打开IMG镜像_CentOS挂载和读取IMG

下一篇：如何确保网站上的时间与访客本地时间同步？

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：CentOS怎么打开IMG镜像_CentOS挂载和读取IMG

下一篇：如何确保网站上的时间与访客本地时间同步？