jQuery上传

来源:互联网 发布:崩坏3辅助软件 编辑:程序博客网 时间:2024/06/11 19:31
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属性也是由后台来定义的

  

原创粉丝点击