我正在尝试构建一个管理员设置页面,允许用户上传其徽标的图像。我正在使用本教程:http://www.webmaster-source.com/2010/01/08/using-the-wordpress-uploader-in-your-plugin-or-theme/
我已将其更改为添加脚本以排队而不是打印,这是现在的最佳做法。我的代码如下:
function my_admin_scripts() {
wp_enqueue_script('media-upload');
wp_enqueue_script('thickbox');
wp_register_script('my-upload', get_stylesheet_directory_uri().'/bigg-options.js', array('jquery','media-upload','thickbox'));
wp_enqueue_script('my-upload');
}
function my_admin_styles() {
wp_enqueue_style('thickbox');
}
if (isset($_GET['page']) && $_GET['page'] == 'bigg_options') {
add_action('admin_enqueue_scripts', 'my_admin_scripts');
add_action('admin_enqueue_styles', 'my_admin_styles');
}
和Javascript:
jQuery(document).ready(function() {
jQuery('#upload_image_button').click(function() {
formfield = jQuery('#upload_image').attr('name');
tb_show('', 'media-upload.php?type=image&TB_iframe=true');
return false;
});
window.send_to_editor = function(html) {
imgurl = jQuery('img',html).attr('src');
jQuery('#upload_image').val(imgurl);
tb_remove();
}
});
工作正常,媒体上传窗口打开。但它不是屏幕中间的厚盒弹出窗口,而是正常情况下,它出现在页面底部,从左侧开始,部分遮挡。这是一个屏幕截图:
关于它为什么这样做的任何想法,以及如何使它正确定位?
答案 0 :(得分:0)
在&modal=true
:
tb_show()
tb_show('', 'media-upload.php?type=image&modal=true');
我相信您还需要添加width
和height
。