Answers:
请参阅此媒体上传器框架。您也可以在自定义标记中使用它,例如Meta Box。
提示您仅使用页面上激活Meta Box的脚本。否则,在默认页面和上载器上通常会出现问题。
现在尝试清除重要部分,以将上传程序包括到您的自定义部分中。
首先在meta框中添加一个按钮:
<input id="upload_image" type="text" size="36" name="upload_image" value="" />
<input id="upload_image_button" type="button" value="Upload Image" />
现在将脚本排入队列:
function my_admin_scripts() {
wp_enqueue_script('media-upload');
wp_enqueue_script('thickbox');
wp_register_script('my-upload', WP_PLUGIN_URL.'/my-script.js', array('jquery','media-upload','thickbox'));
wp_enqueue_script('my-upload');
}
function my_admin_styles() {
wp_enqueue_style('thickbox');
}
// better use get_current_screen(); or the global $current_screen
if (isset($_GET['page']) && $_GET['page'] == 'my_plugin_page') {
add_action('admin_print_scripts', 'my_admin_scripts');
add_action('admin_print_styles', 'my_admin_styles');
}
最后一部分是您的自定义脚本,用于在其中使用thickbox和上载器。
jQuery(document).ready( function( $ ) {
$('#upload_image_button').click(function() {
formfield = $('#upload_image').attr('name');
tb_show( '', 'media-upload.php?type=image&TB_iframe=true' );
window.send_to_editor = function(html) {
imgurl = $(html).attr('src');
$('#upload_image').val(imgurl);
tb_remove();
}
return false;
});
});
admin_print_scripts
说该信息admin_print_scripts
主要用于回显内联javascript。admin_print_scripts
不应用于在管理页面上加入样式或脚本。使用admin_enqueue_scripts
代替。
#upload_image
从未填充过
1)在您的functions.php中,添加用于注册必要脚本的代码块:
// add necessary scripts
add_action('plugins_loaded', function(){
if($GLOBALS['pagenow']=='post.php'){
add_action('admin_print_scripts', 'my_admin_scripts');
add_action('admin_print_styles', 'my_admin_styles');
}
});
function my_admin_scripts(){
wp_enqueue_script('jquery');
wp_enqueue_script('media-upload');
wp_enqueue_script('thickbox');
}
// Proper way to enqueue
// wp_register_script(
// 'my-upload',
// WP_PLUGIN_URL.'/my-script.js',
// array('jquery','media-upload','thickbox') /* dependencies */
// );
//
// wp_enqueue_script('my-upload');
function my_admin_styles(){
wp_enqueue_style('thickbox');
}
2)然后添加metabox块:
add_action(
'add_meta_boxes',
function(){
add_meta_box(
'my-metaboxx1', // ID
'my-metaboxx1-title', // Title
'func99999', // Callback (Construct function)
get_post_types(), //screen (This adds metabox to all post types)
'normal' // Context
);
},
9
);
function func99999($post){
$url = get_post_meta($post->ID, 'my-image-for-post', true); ?>
<input id="my_image_URL" name="my_image_URL" type="text"
value="<?php echo $url;?>" style="width:400px;" />
<input id="my_upl_button" type="button" value="Upload Image" /><br/>
<img src="<?php echo $url;?>" style="width:200px;" id="picsrc" />
<script>
jQuery(document).ready( function($) {
jQuery('#my_upl_button').click(function() {
window.send_to_editor = function(html) {
imgurl = jQuery(html).attr('src')
jQuery('#my_image_URL').val(imgurl);
jQuery('#picsrc').attr("src", imgurl);
tb_remove();
}
formfield = jQuery('#my_image_URL').attr('name');
tb_show('', 'media-upload.php?type=image&TB_iframe=true' );
return false;
}); // End on click
});
</script>
<?php
}
add_action('save_post', function ($post_id) {
if (isset($_POST['my_image_URL'])){
update_post_meta($post_id, 'my-image-for-post', $_POST['my_image_URL']);
}
});
ps,如果您需要多个字段,则可以轻松地执行以下操作:http : //pastebin.com/raw/xpU1ch2W