我正在开发我的第一个wordpress插件.它只需要允许用户更改自定义模板中的徽标并更改自定义模板中的颜色方案.
我已经创建了一个管理选项页面,现在想要添加一个字段以允许用户上传图像.如何将图像上传到wp-content / uploads文件夹.到目前为止,我在一张表中有这个：
<td><input name="logo_image" type="file" id="logo_image" value="" /></td>
将此代码添加到全局自定义选项功能中.
if(function_exists( 'wp_enqueue_media' )){
wp_enqueue_media();
}else{
wp_enqueue_style('thickBox');
wp_enqueue_script('media-upload');
wp_enqueue_script('thickBox');
}
<p><strong>Header logo Image URL:</strong><br />
<img class="header_logo" src="<?PHP echo get_option('header_logo'); ?>" height="100" width="100"/>
<input class="header_logo_url" type="text" name="header_logo" size="60" value="<?PHP echo get_option('header_logo'); ?>">
<a href="#" class="header_logo_upload">Upload</a>
</p>
<script>
jQuery(document).ready(function($) {
$('.header_logo_upload').click(function(e) {
e.preventDefault();
var custom_uploader = wp.media({
title: 'Custom Image',button: {
text: 'Upload Image'
},multiple: false // Set this to true to allow multiple files to be selected
})
.on('select',function() {
var attachment = custom_uploader.state().get('selection').first().toJSON();
$('.header_logo').attr('src',attachment.url);
$('.header_logo_url').val(attachment.url);
})
.open();
});
});
</script>
要么
