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:
在 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属性也是由后台来定义的
相关文章推荐
- jQuery插件之ajaxFileUpload
- jQuery File Upload Plugin 出现uid is 503或者没有图片缩略图
- 解决jQuery uploadify在非IE核心浏览器下无法上传
- jquery multiple file upload plugin
- jquery uploadify上传文件404,500错误
- asp.net使用jQuery Uploadify上传附件示例
- JQuery上传插件Uploadify API详解
- jquery uploadify 在火狐下可以选择上传文件,却上传不了文件
- Scripts/uploadify/jquery.uploadify.min.js用法
- jquery.uploadify上传插件security error 解决
- 图片上传插件jquery.uploadify
- jQuery Ajax File Upload(附源码)
- AjaxFileUpload文件上传组件(php+jQuery+ajax)
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- jQuery插件之ajaxFileUpload
- jqueryfileupload 默认样式修改
- asp.net自定义服务器控件-基于jquery的AjaxUpload封装的服务器控件
- JQuery插件之ajaxFileUpload
- jquery file upload ajax上传图片 简单使用
- jQuery 关于ajaxfileupload.js插件的逐步解析(ajaxfileupload.js第二弹)