C'est La Vie

    人生无彩排,每一天都是现场直播!

    WordPress 之 Media 媒体

    调出上传及选择界面 首先增加显示界面及呼出按钮 在插件中增加JavaScript库引用 为按钮增加打开事件 上 […]

    调出上传及选择界面

    首先增加显示界面及呼出按钮

    <div style="margin:20px">
    	<a id="custom-upload" class="button" href="#">上传</a>
    	<span id="preview-image"></span>
    </div>
    

    在插件中增加JavaScript库引用

    <?php
    wp_enqueue_media();
    ?>
    

    为按钮增加打开事件

    <script>
    jQuery(document).ready(function(){
    	var ashu_upload_frame;
    	var value_id;
    	jQuery('#custom-upload').live('click',function(event){
    		value_id =jQuery( this ).attr('id');
    		event.preventDefault();
    		if( ashu_upload_frame ){
    			ashu_upload_frame.open();
    			return;
    		}
    		ashu_upload_frame = wp.media({
    			title: '选择或上传图片', // 窗口标题
    			button: {
    				text: '选择', // 选择按钮文字
    			},
    			multiple: false // 是否允许多选
    		});
    		ashu_upload_frame.on('select',function(){
    			attachment = ashu_upload_frame.state().get('selection').first().toJSON();
    			jQuery('#preview-image').html('<image src="' + attachment.sizes.thumbnail.url + '" />');
    		});
    		
    		ashu_upload_frame.open();
    	});
    });
    </script>
    

    上面的调用中,attachment为JSON对象,格式如下:

    {
        "id": 4,
        "title": "DSC_4949",
        "filename": "DSC_4949.jpg",
        "url": "http://manager.nsb.org/wp-content/uploads/2015/12/DSC_4949.jpg",
        "link": "http://manager.nsb.org/dsc_4949/",
        "alt": "",
        "author": "1",
        "description": "",
        "caption": "",
        "name": "dsc_4949",
        "status": "inherit",
        "uploadedTo": 0,
        "date": "2015-12-24T11:06:11.000Z",
        "modified": "2015-12-24T11:06:11.000Z",
        "menuOrder": 0,
        "mime": "image/jpeg",
        "type": "image",
        "subtype": "jpeg",
        "icon": "http://manager.nsb.org/wp-includes/images/media/default.png",
        "dateFormatted": "2015年12月24日",
        "nonces": {
            "update": "a553bc00c8",
            "delete": "c141377e33",
            "edit": "3834f2dc7d"
        },
        "editLink": "http://manager.nsb.org/wp-admin/post.php?post=4&action=edit",
        "meta": false,
        "authorName": "root",
        "filesizeInBytes": 244761,
        "filesizeHumanReadable": "239 kB",
        "sizes": {
            "thumbnail": {
                "height": 150,
                "width": 150,
                "url": "http://manager.nsb.org/wp-content/uploads/2015/12/DSC_4949-150x150.jpg",
                "orientation": "landscape"
            },
            "medium": {
                "height": 225,
                "width": 300,
                "url": "http://manager.nsb.org/wp-content/uploads/2015/12/DSC_4949-300x225.jpg",
                "orientation": "landscape"
            },
            "large": {
                "height": 767,
                "width": 1024,
                "url": "http://manager.nsb.org/wp-content/uploads/2015/12/DSC_4949-1024x767.jpg",
                "orientation": "landscape"
            },
            "full": {
                "url": "http://manager.nsb.org/wp-content/uploads/2015/12/DSC_4949.jpg",
                "height": 767,
                "width": 1024,
                "orientation": "landscape"
            }
        },
        "height": 767,
        "width": 1024,
        "orientation": "landscape",
        "compat": {
            "item": "",
            "meta": ""
        }
    }
    

    上传文件大小限制

    <?php
    add_filter('upload_size_limit', function() {
    	return 100 * 1024; // 限制大小 100 kB
    });
    ?>
    

    或者干脆在php.ini文件中进行全局设置,你懂的!

    上传文件类型限制

    <?php
    add_filter('upload_mimes', function($mime_types) {
    	return array(
    		// Image formats
    		'jpg|jpeg|jpe' => 'image/jpeg',
    		'gif' => 'image/gif',
    		'png' => 'image/png',
    		'bmp' => 'image/bmp',
    		'tif|tiff' => 'image/tiff',
    		'ico' => 'image/x-icon',
    		// Video formats
    		'asf|asx|wax|wmv|wmx' => 'video/asf',
    		'avi' => 'video/avi',
    		'divx' => 'video/divx',
    		'flv' => 'video/x-flv',
    		'mov|qt' => 'video/quicktime',
    		'mpeg|mpg|mpe' => 'video/mpeg',
    		'mp4|m4v' => 'video/mp4',
    		'ogv' => 'video/ogg',
    		'mkv' => 'video/x-matroska',
    		// Text formats
    		'txt|asc|c|cc|h' => 'text/plain',
    		'csv' => 'text/csv',
    		'tsv' => 'text/tab-separated-values',
    		'ics' => 'text/calendar',
    		'rtx' => 'text/richtext',
    		'css' => 'text/css',
    		'htm|html' => 'text/html',
    		// Audio formats
    		'mp3|m4a|m4b' => 'audio/mpeg',
    		'ra|ram' => 'audio/x-realaudio',
    		'wav' => 'audio/wav',
    		'ogg|oga' => 'audio/ogg',
    		'mid|midi' => 'audio/midi',
    		'wma' => 'audio/wma',
    		'mka' => 'audio/x-matroska',
    		// Misc application formats
    		'rtf' => 'application/rtf',
    		'js' => 'application/javascript',
    		'pdf' => 'application/pdf',
    		'swf' => 'application/x-shockwave-flash',
    		'class' => 'application/java',
    		'tar' => 'application/x-tar',
    		'zip' => 'application/zip',
    		'gz|gzip' => 'application/x-gzip',
    		'rar' => 'application/rar',
    		'7z' => 'application/x-7z-compressed',
    		'exe' => 'application/x-msdownload',
    		// MS Office formats
    		'doc' => 'application/msword',
    		'pot|pps|ppt' => 'application/vnd.ms-powerpoint',
    		'wri' => 'application/vnd.ms-write',
    		'xla|xls|xlt|xlw' => 'application/vnd.ms-excel',
    		'mdb' => 'application/vnd.ms-access',
    		'mpp' => 'application/vnd.ms-project',
    		'docx' => 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
    		'docm' => 'application/vnd.ms-word.document.macroEnabled.12',
    		'dotx' => 'application/vnd.openxmlformats-officedocument.wordprocessingml.template',
    		'dotm' => 'application/vnd.ms-word.template.macroEnabled.12',
    		'xlsx' => 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
    		'xlsm' => 'application/vnd.ms-excel.sheet.macroEnabled.12',
    		'xlsb' => 'application/vnd.ms-excel.sheet.binary.macroEnabled.12',
    		'xltx' => 'application/vnd.openxmlformats-officedocument.spreadsheetml.template',
    		'xltm' => 'application/vnd.ms-excel.template.macroEnabled.12',
    		'xlam' => 'application/vnd.ms-excel.addin.macroEnabled.12',
    		'pptx' => 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
    		'pptm' => 'application/vnd.ms-powerpoint.presentation.macroEnabled.12',
    		'ppsx' => 'application/vnd.openxmlformats-officedocument.presentationml.slideshow',
    		'ppsm' => 'application/vnd.ms-powerpoint.slideshow.macroEnabled.12',
    		'potx' => 'application/vnd.openxmlformats-officedocument.presentationml.template',
    		'potm' => 'application/vnd.ms-powerpoint.template.macroEnabled.12',
    		'ppam' => 'application/vnd.ms-powerpoint.addin.macroEnabled.12',
    		'sldx' => 'application/vnd.openxmlformats-officedocument.presentationml.slide',
    		'sldm' => 'application/vnd.ms-powerpoint.slide.macroEnabled.12',
    		'onetoc|onetoc2|onetmp|onepkg' => 'application/onenote',
    		// OpenOffice formats
    		'odt' => 'application/vnd.oasis.opendocument.text',
    		'odp' => 'application/vnd.oasis.opendocument.presentation',
    		'ods' => 'application/vnd.oasis.opendocument.spreadsheet',
    		'odg' => 'application/vnd.oasis.opendocument.graphics',
    		'odc' => 'application/vnd.oasis.opendocument.chart',
    		'odb' => 'application/vnd.oasis.opendocument.database',
    		'odf' => 'application/vnd.oasis.opendocument.formula',
    		// WordPerfect formats
    		'wp|wpd' => 'application/wordperfect',
    	);
    }, 1, 1);
    ?>
    

    自动重命名上传的文件

    <?php
    add_filter('wp_handle_upload_prefilter', function ($file) {
    	$time=date("Y-m-d");
    	$file['name'] = $time . "" . mt_rand(1,100) . "." . pathinfo($file['name'] , PATHINFO_EXTENSION);
    	return $file;
    });
    ?>
    

    为媒体文件添加分类

    <?php
    add_action('init', function() {
    	register_taxonomy_for_object_type('category', 'attachment');
    });
    ?>
    

    为媒体文件添加标签

    <?php
    add_action('init', function() {
    	ister_taxonomy_for_object_type('post_tag', 'attachment');
    });
    ?>
    

    发表回复

    您的电子邮箱地址不会被公开。