您的位置:首页 > Web前端 > JQuery

jQuery之upload2

2017-07-20 12:49 53 查看
jQuery之upload2.js可在(http://www.91lik.win/lib/jquery.upload2.js)网站下载
在  html  中引入  jquery.js  及  jquery.upload2.js

需要这样一段  js:

function ajaxSubmit($el) {
$el.upload({
url: SERVER_URL,  // 后台需提供相应上传文件的接口
// 其他表单数据
params: data,  // 后台需要接收的参数
// 上传完成后, 返回json, text
dataType: 'json',
onSend: function (obj, str) {
console.log(obj, str);
return true;
},
// 上传之后回调
onComplate: function (data) {
console.log(data);  // 这里可以看到上传成功之后相应的信息,也可以在这里进行操作
},
onProgress: function (e) {
var per = Math.round(e.loaded * 100 / e.total);
}
});
$el.upload("ajaxSubmit");
}


  

这样调用:


$(".addimg").live("change", function () {
ajaxSubmit($(this));
});


 

页面中的元素:


<input type="file" class="addimg" name="imgurl">  // 这里的name属性也是由后台来定义的


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: