如何在主题选项页面上使用媒体上载？

Question

我想要实现上传徽标到我的主题选项页。目前我遵循这段代码

我现在所做的是为媒体上传加载一个相关的jquery

function load_only() {
    add_thickbox();
    wp_enqueue_script('jquery-option', get_template_directory_uri() . '/admin/js/jquery.option.js', array('jquery','media-upload','thickbox','jquery-ui-core','jquery-ui-tabs'), '1.0');
}

问题

如何使用现有媒体上传实现上传表单？

<input id="theme_options_upload" type="text" name="theme_options_upload" value="<?php esc_attr_e( $options['theme_options_upload'] ); ?>" />
<input type="button" name="just_button" value="<?php esc_attr_e('Upload'); ?>" />

我想知道

1. 如何将按钮链接到media-upload.php
2. 上传图像并单击媒体上的Insert into Post按钮后，上传图像将放置到name="theme_options_upload"字段中。

让我知道。

Answer 1

您最有可能保存图像的url而不是整个图像标记，并且有一个很好的教程解释了如何在您自己的主题或插件中使用媒体上传器：http://www.webmaster-source.com/2010/01/08/using-the-wordpress-uploader-in-your-plugin-or-theme/。

更新

如果在meta框中使用此操作，您将需要post id，因此从以下位置更改js代码：

jQuery('#upload_image_button').click(function() {
 formfield = jQuery('#upload_image').attr('name');
 tb_show('', 'media-upload.php?type=image&TB_iframe=true');
 return false;
});

至

jQuery('#upload_image_button').click(function() {
 formfield = jQuery('#upload_image').attr('name');
 post_id = jQuery('#post_ID').val();
 tb_show('', 'media-upload.php?post_id='+post_id+'&type=image&TB_iframe=true');
 return false;
});