// 例一 fileupload ____________________________________________________________________________________ $('#fileupload').fileupload(); // 例二 progressall ____________________________________________________________________________________ // fileupload : fileUpload入口 $('#fileupload').fileupload({ // 返回文件格式 dataType: 'json', // 上传完成回调 done: function (e, data) { // data.result.files : 上传文件信息 $.each(data.result.files, function (index, file) { // file.name : 文件名 $('

').text(file.name).appendTo(document.body); }); }, // 每秒上传回调 progressall: function (e, data) { // data.loaded : 每秒上传的文件大小 // data.total : 总大小 var progress = parseInt(data.loaded / data.total * 100, 10); $('#progress .bar').css('width', progress+'%'); } }); // 例三 add ____________________________________________________________________________________ $('#fileupload').fileupload({ // 返回文件格式 dataType: 'json', // 添加文件回调 add: function (e, data) { // 定义一个data属性 可以在done函数中使用 data.p = $('

').text('Uploading...').appendTo(document.body); data.submit(); }, // 完成时回调 done: function (e, data) { data.p.text('Upload finished.'); } }); // 例四 点击提交 ____________________________________________________________________________________ // 点击时提交表单 $('#fileupload').fileupload({ dataType: 'json', // 添加文件回调 add: function (e, data) { // data添加context属性 data.context = $('').text('Upload').appendTo(document.body); data.context.on('click', function (){ // 点击按钮替换内容 data.context = $('

').text('Uploading...').replaceAll($(this)); // 提交表单 data.submit(); }); }, // 上传完成回调 done: function (e, data) { data.context.text('Upload finished.'); } });