ajax flash upload,使用jQuery ajaxupload插件实现无刷新上传文件

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

发布时间：2020-09-03 09:17:15

来源：脚本之家

阅读：81

作者：mrr

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

代码如下

使用方法如下

$(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("");

//$("#wechat_qr").val('/uploads/qr/'+json.file_name);

}

});

});

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