myfiles.js

一款文件上传程序

    }
}

function togCheckBoxImage ( num, on )
{
    var img = getObj ( 'mf_checkbox_image_' + num );

    if ( img )
    {
        img.src = 'templates/default2/images/' + ( on ? 'checkbox.gif' : 'uncheckbox.gif' );
    }
}

function setParentSize(image)
{
    image.parentNode.style.width = image.width + 2 + 'px';
}

function showFileProperties ( num )
{
    var container = getObj ( 'my_files_container' );
    if ( !container ) return false;
    var file = files[num];
    var link = file['lurl'];
    var bbcode = file['is_image']?'[img]'+file['furl']+'[/img]':'[url='+file['lurl']+']'+file['name']+'[/url]';
    var htmlcode = file['is_image']?'<img src="'+file['furl']+'" alt="'+file['name']+'" />':'<a href="'+file['lurl']+'">'+file['name']+'</a>';
    htmlcode = htmlspecialchars(htmlcode);

    var html =
        '<table id="properties_tbl" class="rowlines" style="width:99%;margin:1px auto 0px auto;color:#808080" cellspacing="0" cellpadding="6" border="0">' +
            '<tr style="background-color:#f0f0f0" skip_alternate="1">' +
                '<td style="border-bottom:1px solid #e0e0e0;width:90px;"><img src="'+file['icon_url']+'" class="img1" alt="" />&nbsp; File properties</td>' +
                '<td style="text-align:right;padding:6px;border-bottom:1px solid #e0e0e0;"><span class="link" onclick="drawFilesTable();">Back to your files</span></td>' +
            '</tr>' +
            '<tr>' +
                '<td>File name</td>' +
                '<td>'+file['name']+'</td>' +
            '</tr>' +
            '<tr>' +
                '<td>Size</td>' +
                '<td>'+file['size']+'</td>' +
            '</tr>' +
            '<tr>' +
                '<td>Uploaded on</td>' +
                '<td>'+file['date']+'</td>' +
            '</tr>' +
            '<tr>' +
                '<td>File options</td>' +
                '<td><span class="link" onclick="go(\''+file['rnurl']+'\');">Rename</span>' +
                    ( file['is_image'] ? ' - <span class="link" onclick="go(\''+file['rsurl']+'\');">Resize</span>' : '' ) +
                '</td>' +
            '</tr>' +
            '<tr>' +
                '<td>Linking codes</td>' +
                '<td><span class="link" onclick="prompt(\'The URL to this file is:\',\''+link+'\');">URL</span> - ' +
                    '<span class="link" onclick="prompt(\'The BB Code for this file is:\',\''+bbcode+'\');">BB Code</span> - ' +
                    '<span class="link"  onclick="prompt(\'The HTML Code for this file is:\',\''+htmlcode+'\');">HTML Code</span>' +
                '</td>' +
            '</tr>' +
        '</table>';
    container.innerHTML = html;
    alternateRowColor ( getObj('properties_tbl'), 'tr', rowcolor2, rowcolor1 );
}

function nextPage ( )
{
    current_page++;
    drawFilesTable();
}

function prevPage ( )
{
    current_page--;
    drawFilesTable();
}

function drawFilesTable()
{
    if ( !files.length ) return;
    var container = getObj ( 'my_files_container' );
    if ( !container )
    {
        alert ( "Error: Could not locate the container 'my_files_container'" );
        return false;
    }

    var total_pages = Math.ceil(files.length/per_page);
    if ( total_pages > 1 )
    {
        if ( current_page < 1 )
        {
            current_page = 1;
            return;
        }
        else if ( current_page > total_pages )
        {
            current_page = total_pages;
            return;
        }
    }
    if ( current_page > total_pages ) current_page = total_pages;
    else if ( current_page < 1 ) current_page = 1;

    var start = (current_page-1)*per_page;
    var stop = (current_page)*per_page;

    if ( current_folder_is_gallery )
    {
        var i = start;
        var per_row = 5;
        var row_count = Math.ceil ( per_page / per_row );
        var html = '';

        var html =
        '<div class="rounded gray" style="padding:5px 10px 5px 7px;">' +
            '<p style="float:left;width:60%;color:#808080;padding:0px;">' +
                '<img src="templates/default2/images/folder_image.gif" class="img1" alt="" /> There are ' + files.length + ' images in this photo folder.' +
            '</p>' +
            '<p style="float:right;width:35%;text-align:right;color:#808080;padding:0px;">' +
                '<span class="link" onmousedown="prevPage();return false;">Previous</span> (' + current_page + '/' + total_pages + ') <span class="link" onmousedown="nextPage();return false;">Next</span>' +
            '</p>' +
            '<div class="spacer"></div>' +
        '</div>';

        html += '<table class="galleryTable" id="files_table" style="width:100%;text-align:center;color:#404040" cellspacing="1" cellpadding="5" border="0">';

        for ( var r = 0; r < row_count; ++r )
        {
            html += '<tr>';
            for ( var c = 0; c < per_row; ++c )
            {
                if ( i < files.length )
                {
                    file = files[i];
                    var thumb_url = (file['turl'] == '' ? 'templates/default2/images/nothumb.gif' : file['turl']);
                    html +=
                    '<td id="mf_cell_' + i + '" style="text-align:center;font-size:0.9em;vertical-align:middle;">' +
                        '<input type="checkbox" name="files[]" value="' + file['fname'] + '" id="mf_checkbox_' + i + '" class="chkbox" onclick="highlightCell('+i+');files['+i+'][\'checked\']=this.checked;" style="position:absolute;left:0px;visibility:hidden;" />' +
                        '<span class="image"><img src="' + thumb_url + '" alt="thumb" onclick="getObj(\'mf_checkbox_'+i+'\').click();" title="'+file['name']+'" ondblclick="go(\''+file['lurl']+'\');" onload="setParentSize(this);" /></span>' +
                    '</td>';
                }
                i++;
            }
            html += '</tr>';
        }
        html += '</table>';
        container.innerHTML = html;
        for ( var i = start; i < stop && i < files.length; ++i )
        {
            checkIt ( getObj ( 'mf_checkbox_' + i ), files[i]['checked'] );
        }
    }
    else
    {
        var html =
        '<div class="rounded gray" style="padding:5px 10px 5px 7px;">' +
            '<p style="float:left;width:60%;color:#808080;padding:0px;">' +
                '<img src="templates/default2/images/folder_regular.gif" class="img1" alt="" /> There are ' + files.length + ' files in this folder, ' + current_folder_total_size + ' total.' +
            '</p>' +
            '<p style="float:right;width:35%;text-align:right;color:#808080;padding:0px;">' +
                '<span class="link" onmousedown="prevPage();return false;">Previous</span> (' + current_page + '/' + total_pages + ') <span class="link" onmousedown="nextPage();return false;">Next</span>' +
            '</p>' +
            '<div class="spacer"></div>' +
        '</div>';

        html += '<table id="files_table" class="rowlines" style="width:99%;margin:1px auto 0px auto;text-align:center;color:#808080" cellspacing="0" cellpadding="4" border="0">';
        var rownum = 0;
        for ( var i = start; i < stop && i < files.length; ++i )
        {
            var file = files[i];
            html +=
                '<tr id="mf_row_'+rownum+'">' +
                    '<td class="cl">' +
                        '<img src="' + file['icon_url'] + '" alt="' + file['name'] + '" class="img1" title="Download" onclick="go(\''+file['dlurl']+'\');" style="cursor:pointer;" />' +
                        '&nbsp; <a href="'+file['lurl']+'">' + str_slice(file['name'],45) + '</a>' +
                    '</td>' +
                    '<td style="width:35px;">'+file['size']+'</td>' +
                    '<td style="width:60px;">'+file['date']+'</td>' +
                    '<td style="width:35px;text-align:right;">'+
                        '<img src="templates/default2/images/plus.gif" alt="" title="File properties" style="cursor:pointer;" onclick="showFileProperties('+i+');" class="img1" />' +
                        '&nbsp; <img src="templates/default2/images/uncheckbox.gif" id="mf_checkbox_image_' + i + '" alt="checkbox" class="img1" onmousedown="getObj(\'mf_checkbox_'+i+'\').click();" style="cursor:pointer;" />' +
                        '<input type="checkbox" name="files[]" value="' + file['fname'] + '" id="mf_checkbox_' + i + '" onclick="highlightRow('+rownum+',this.checked);togCheckBoxImage('+i+',this.checked);files['+i+'][\'checked\']=this.checked;" style="position:absolute;left:0px;visibility:hidden;" />' +
                    '</td>' +
                '</tr>\n';
            ++rownum;
        }
        html += '</table>';

        container.innerHTML = html;

        alternateRowColor ( getObj('files_table'), 'tr', rowcolor2, rowcolor1 );

        for ( var i = start; i < stop && i < files.length; ++i )
        {
            checkIt ( getObj ( 'mf_checkbox_' + i ), files[i]['checked'] );
        }
    }
}