file-upload-js.php

<?php if(!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<?php
if (isset($post) && $post instanceof Typecho_Widget && $post->have()) {
    $fileParentContent = $post;
} else if (isset($page) && $page instanceof Typecho_Widget && $page->have()) {
    $fileParentContent = $page;
}
?>

<script src="<?php $options->adminUrl('javascript/filedrop.js?v=' . $suffixVersion); ?>"></script>
<script>
$(document).ready(function() {
    var errorWord = '<?php $val = function_exists('ini_get') ? trim(ini_get('upload_max_filesize')) : 0;
        $last = strtolower($val[strlen($val)-1]);
        switch($last) {
            // The 'G' modifier is available since PHP 5.1.0
            case 'g':
                $val *= 1024;
            case 'm':
                $val *= 1024;
            case 'k':
                $val *= 1024;
        }

        $val = number_format(ceil($val / (1024 *1024)));
        _e('附件上传失败, 请确认附件尺寸没有超过 %s 并且服务器附件目录可以写入', "{$val}Mb"); ?>',
        loading = $('<img src="<?php $options->adminUrl('images/ajax-loader.gif'); ?>" style="display:none" />')
            .appendTo(document.body);

    function fileUploadStart (file, id) {
        $('<li id="' + id + '" class="loading">'
            + file + '</li>').prependTo('#file-list');
    }

    function fileUploadComplete (id, url, data) {
        var li = $('#' + id).removeClass('loading').data('cid', data.cid)
            .data('url', data.url)
            .data('image', data.isImage)
            .html('<input type="hidden" name="attachment[]" value="' + data.cid + '" />'
                + '<a class="file" target="_blank" href="<?php $options->adminUrl('media.php'); ?>?cid=' 
                + data.cid + '">' + data.title + '</a> ' + data.bytes
                + ' <a class="insert" href="#"><?php _e('插入'); ?></a>'
                + ' <a class="delete" href="#">&times;</a>')
            .effect('highlight', '#AACB36', 1000);
            
        attachInsertEvent(li);
        attachDeleteEvent(li);
    }

    $('.upload-file').fileUpload({
        url         :   '<?php $options->index('/action/upload' 
            . (isset($fileParentContent) ? '?cid=' . $fileParentContent->cid : '')); ?>',
        types       :   '<?php
    $attachmentTypes = $options->allowedAttachmentTypes;
    $attachmentTypesCount = count($attachmentTypes);
    for ($i = 0; $i < $attachmentTypesCount; $i ++) {
        echo '*.' . $attachmentTypes[$i];
        if ($i < $attachmentTypesCount - 1) {
            echo ';';
        }
    }
?>',
        typesError  :   '<?php _e('附件 %s 的类型不被支持'); ?>',
        onUpload    :   fileUploadStart,
        onError     :   function (id) {
            $('#' + id).remove();
            alert(errorWord);
        },
        onComplete  :   fileUploadComplete
    });

    $('#upload-panel').filedrop({
        url             :   '<?php $options->index('/action/upload' 
            . (isset($fileParentContent) ? '?cid=' . $fileParentContent->cid : '')); ?>',
        allowedfileextensions   :   [<?php
    $attachmentTypes = $options->allowedAttachmentTypes;
    $attachmentTypesCount = count($attachmentTypes);
    for ($i = 0; $i < $attachmentTypesCount; $i ++) {
        echo '".' . $attachmentTypes[$i] . '"';
        if ($i < $attachmentTypesCount - 1) {
            echo ',';
        }
    }
?>],

        maxfilesize     :   <?php 
        $val = function_exists('ini_get') ? trim(ini_get('upload_max_filesize')) : 0;
        $last = strtolower($val[strlen($val)-1]);
        switch($last) {
            // The 'G' modifier is available since PHP 5.1.0
            case 'g':
                $val *= 1024;
            case 'm':
                $val *= 1024;
            case 'k':
                $val *= 1024;
        }

        echo ceil($val / (1024 * 1024));
        ?>,

        queuefiles      :   5,

        error: function(err, file) {
            switch(err) {
                case 'BrowserNotSupported':
                    alert('<?php _e('浏览器不支持拖拽上传'); ?>');
                    break;
                case 'TooManyFiles':
                    alert('<?php _e('一次上传的文件不能多于%d个', 25); ?>');
                    break;
                case 'FileTooLarge':
                    alert('<?php $val = function_exists('ini_get') ? trim(ini_get('upload_max_filesize')) : 0;
        $last = strtolower($val[strlen($val)-1]);
        switch($last) {
            // The 'G' modifier is available since PHP 5.1.0
            case 'g':
                $val *= 1024;
            case 'm':
                $val *= 1024;
            case 'k':
                $val *= 1024;
        }

        $val = number_format(ceil($val / (1024 *1024)));
        _e('附件尺寸不能超过 %s', "{$val}Mb"); ?>');
                    break;
                case 'FileTypeNotAllowed':
                    // The file type is not in the specified list 'allowedfiletypes'
                    break;
                case 'FileExtensionNotAllowed':
                    alert('<?php _e('附件 %s 的类型不被支持'); ?>'.replace('%s', file.name));
                    break;
                default:
                    break;
            }
        },
        
        
        dragOver : function () {
            $(this).addClass('drag');
        },

        dragLeave : function () {
            $(this).removeClass('drag');
        },

        drop : function () {
            $(this).removeClass('drag');
        },

        uploadOpened   :   function (i, file, len) {
            fileUploadStart(file.name, 'drag-' + i);
        },

        uploadFinished  :   function (i, file, response) {
            fileUploadComplete('drag-' + i, response[0], response[1]);
        }
    });

    $('#file-list li').each(function () {
        attachInsertEvent(this);
        attachDeleteEvent(this);
    });

    function attachInsertEvent (el) {
        $('.insert', el).click(function () {
            var p = $(this).parents('li');
            Typecho.insertFileToEditor(p.data('url'), p.data('image'));
            return false;
        });
    }

    function attachDeleteEvent (el) {
        var file = $('a.file', el).text();
        $('.delete', el).click(function () {
            if (confirm('<?php _e('确认要删除附件 %s 吗?'); ?>'.replace('%s', file))) {
                var cid = $(this).parents('li').data('cid');
                $.post('<?php $options->index('/action/contents-attachment-edit'); ?>',
                    {'do' : 'delete', 'cid' : cid},
                    function () {
                        $(el).fadeOut(function () {
                            $(this).remove();
                        });
                    });
            }

            return false;
        });
    }
});
</script>