jQuery上传

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属性也是由后台来定义的