WebUploader 做后台修改页面 怎么把图片展示出来啊

田湖:怎么了 发布于 2018/08/03 10:08
阅读 1K+
收藏 0

WebUploader 做后台修改页面 怎么把图片展示出来啊

加载中
0
zhuoan
zhuoan
uploader.on('fileQueued', function( file ) {
                var $li = $(
                    '<div id="' + file.id + '" class="file-item thumbnail" title="'+file.name+'">' +
                    '<div class="info">' + file.name + '</div>' +
                    '<img><span class="success"></span>' +
                    '</div>'
                    ),
                    $img = $li.find('img');

                var $btns = $('<div class="file-panel">' +
                    '<span class="cancel">删除</span>' +
                    '</div>').appendTo($li);

                $li.on('mouseenter', function() {
                    $btns.stop().animate({height: 30});
                });

                $li.on('mouseleave', function() {
                    $btns.stop().animate({ height: 0});
                });

                $btns.on('click', 'span', function() {
                    var index = $(this).index();
                    switch(index) {
                        case 0:
                            uploader.removeFile(file);
                            return;
                    }
                });

                obj.find(".uploader-list").append( $li );
                uploader.makeThumb( file, function( error, src ) {
                    if ( error ) {
                        var ext = file.name.slice(file.name.lastIndexOf(".")+1).toLowerCase();
                        $img.attr( 'src', "/resource/images/affair/file-common.png" ).addClass("noImgThumb");
                        return;
                    }

                    $img.attr( 'src', src );
                }, option.thumbnailWidth, option.thumbnailWidth );
            });

 

OSCHINA
登录后可查看更多优质内容
返回顶部
顶部