浅谈webuploader上传文件

官网：http://c7.gg/fw4sn

案例：

文件上传进度

// 文件上传过程中创建进度条实时显示。

uploader.on( 'uploadProgress', function( file, percentage ) {

    var $li = $( '#'+file.id ),

        $percent = $li.find('.progress .progress-bar');

 

    // 避免重复创建

    if ( !$percent.length ) {

        $percent = $('<div class="progress progress-striped active">' +

          '<div class="progress-bar" role="progressbar" style=" 0%">' +

          '</div>' +

        '</div>').appendTo( $li ).find('.progress-bar');

    }

 

    $li.find('p.state').text('上传中');

 

    $percent.css( 'width', percentage * 100 + '%' );

})

文件成功、失败处理

uploader.on( 'uploadSuccess', function( file ) {

    $( '#'+file.id ).find('p.state').text('已上传');

});

 

uploader.on( 'uploadError', function( file ) {

    $( '#'+file.id ).find('p.state').text('上传出错');

});

 

uploader.on( 'uploadComplete', function( file ) {

    $( '#'+file.id ).find('.progress').fadeOut();

});