正文 

当前位置： 首页 > 问答 >

Wordpress：在管理员选项页面中上传图片

     2023-02-22     104

关键词：

【中文标题】Wordpress：在管理员选项页面中上传图片【英文标题】：Wordpress: Upload Image in Admin Options Page 【发布时间】：2014-05-17 10:56:40 【问题描述】：

我正在开发我的第一个 wordpress 插件。它只需要允许用户更改自定义模板中的徽标和更改自定义模板中的配色方案。

我创建了一个管理选项页面，现在想添加一个字段以允许用户上传图像。如何将图像上传到 wp-content/uploads 文件夹。到目前为止，我在一个表中有这个：

<td><input name="logo_image" type="file" id="logo_image" value="" /></td>

这是正确的方法吗？如果是这样，我如何将文件定向到正确的文件夹？ wordpress 没有自己处理文件上传的方式吗？

【问题讨论】：

它将上传媒体目录创建为空，但不呈现默认媒体弹出部分 【参考方案1】：

将此代码添加到您的全局自定义选项函数中。

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'); ?>"  />
                <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>

More info

或

Media uploader in theme and plugin

【讨论】：

不知道在哪里添加这个...管理菜单是一个php文件，我只是添加JS部分吗？？ 这一项取决于您的设置功能。如何创建外观听到codex.wordpress.org/Creating_Options_Pages 据我了解 - wordpress 建议改用定制器 API...developer.wordpress.org/themes/advanced-topics/customizer-api【参考方案2】：

你可以使用wordpress的内置功能

<?php wp_handle_upload( $file, $overrides, $time ); ?>

这会自动将文件移动到上传文件夹

或者

您可以编写自己的PHP 函数。

更多细节可以在这里找到 -> Wordpress File Upload

【讨论】：

Wordpress 翻译页面选项

】Wordpress翻译页面选项【英文标题】：Wordpresstranslatepagesoption【发布时间】：2022-01-0216:32:41【问题描述】：我想在wordpress中创建相同的页面，但使用不同的语言。它应该是这样的：所以语言选项会像图片一样出现在页面面板中。... 查看详情

上传前端图片 Wordpress

】上传前端图片Wordpress【英文标题】：UploadFrontendImageWordpress【发布时间】：2019-08-0106:03:32【问题描述】：我有这段代码可以从编辑个人资料页面上传图像并将其显示在个人资料页面上：编辑个人资料页面上的代码以上传图片：ec... 查看详情

WordPress：如何在编辑表单中添加图片上传按钮？

】WordPress：如何在编辑表单中添加图片上传按钮？【英文标题】：WordPress:howtoaddanimageuploadbuttontotheeditform?【发布时间】：2014-02-2714:23:30【问题描述】：我想在WordPress编辑表单中添加图片上传按钮并检索上传媒体的ID。如果可能的... 查看详情

上传文件在 Chrome 扩展选项页面中不起作用

】上传文件在Chrome扩展选项页面中不起作用【英文标题】：UploadfilenotworkinginChromeextensionoptionpage【发布时间】：2013-10-1318:21:23【问题描述】：我正在开发一个带有选项页面的chrome扩展。在该页面上，我放置了一个上传图片选项，... 查看详情

如何在WordPress的自定义帖子类型中附加pdf文件？

】如何在WordPress的自定义帖子类型中附加pdf文件？【英文标题】：HowtoattachthepdffileinthecustomposttypeintheWordPress?【发布时间】：2022-01-1910:45:22【问题描述】：我正在使用WordPress。我创建了一个自定义帖子类型。现在我必须添加文件... 查看详情

图片上传管理器

...布时间】：2016-02-0814:36:20【问题描述】：我正在尝试基于Wordpress媒体管理器为我的CMS构建图像管理器。CMS正在Yii2中开发。现在我可以上传和查看所有上传的图片。我接下来想要的是能够添加自定义按钮（上传徽标、上传标题等... 查看详情

如何在 Python 中使用 wordpress api 上传图片？

】如何在Python中使用wordpressapi上传图片？【英文标题】：HowtouploadanimagewiththewordpressapiinPython?【发布时间】：2021-10-0312:24:19【问题描述】：希望你没事。我想从我的电脑上传一张图片到我的wordpress库中。我在Python中编写了几行使... 查看详情

在 wordpress 中上传图片时出现 HTTP 错误

】在wordpress中上传图片时出现HTTP错误【英文标题】：HTTPerrorwhenuploadingimagesinwordpress【发布时间】：2014-11-0718:19:37【问题描述】：我在Windows7中使用xampp。每当我尝试上传媒体文件时，我都会收到HTTPerror。我尝试了以下解决方案，... 查看详情

如何在 Wordpress 的媒体库中删除图像的永久链接（登录页面）？

】如何在Wordpress的媒体库中删除图像的永久链接（登录页面）？【英文标题】：Howtodeletethepermalink(landingpages)ofimageinthemedialibraryinWordpress?【发布时间】：2019-01-0120:42:07【问题描述】：我注意到上传到wordpress网站的每张图片都会有... 查看详情

Wordpress 在插件中选择和裁剪

】Wordpress在插件中选择和裁剪【英文标题】：Wordpressselectandcropinplugin【发布时间】：2015-06-1507:47:41【问题描述】：我需要在我的插件中上传图片并使用wp.media来完成这项任务。根据https://codex.wordpress.org/Javascript_Reference/wp.media它的... 查看详情

xampp中的Wordpress无法上传图片

】xampp中的Wordpress无法上传图片【英文标题】：Wordpressinxamppcannotuploadimages【发布时间】：2014-01-1613:19:35【问题描述】：我正在使用XAMPP处理我的wordpress项目。我无法上传图片。图片在上传文件夹中上传，但wordpress显示错误，告诉... 查看详情

在上传图片 wordpress 上更改图片名称

】在上传图片wordpress上更改图片名称【英文标题】：Changeimagenameonuploadimageswordpress【发布时间】：2014-05-0419:42:15【问题描述】：当我上传图片时，wordpress会将四个文件保存到服务器上（在settings->media中定义）：1->thumbnailsize(15... 查看详情

如何在仪表板中对非管理员隐藏 WordPress 页面？

】如何在仪表板中对非管理员隐藏WordPress页面？【英文标题】：HowwouldIhideWordPresspagesfromnon-administratorsintheDashboard?【发布时间】：2021-10-2917:04:10【问题描述】：我需要向非管理员的任何人隐藏WordPress页面仪表板中的某些页面，我... 查看详情

Wordpress 的特色图片未出现在管理员中

】Wordpress的特色图片未出现在管理员中【英文标题】：FeaturedimageofWordpressdoesn\'tappearinAdmin【发布时间】：2021-07-2901:58:57【问题描述】：我使用在主题上启用帖子缩略图的代码配置了functions.php，但它没有出现在wp-admin中。<?phpadd_... 查看详情

在 mime_content_type() 中在 Wordpress 中上传图片时出错

】在mime_content_type()中在Wordpress中上传图片时出错【英文标题】：GotanerrorwhenuploadingimageinWordpressinmime_content_type()【发布时间】：2020-10-0503:38:46【问题描述】：我正在我的仪表板中上传一张图片，然后突然出现致命错误：这是错误... 查看详情

WordPress - 带有类别列表的主题选项页面

】WordPress-带有类别列表的主题选项页面【英文标题】：WordPress-ThemeOptionsPagewithCategoryList【发布时间】：2012-02-2508:47:04【问题描述】：我正在尝试为我的主题创建一个选项页面，在选项页面上有一个显示所有类别名称的下拉列表... 查看详情

如何上传pdf照片

...单栏中的文档菜单，在文档下拉菜单中我们选择添加图像选项。打开添加图片选择页面。在弹出的打开文件界面中，我们选择要添加的图片，然后点击打开按钮。打开到添加图像页面中，我们在添加图像页面中选择此图片做为页... 查看详情

如何在 Wordpress 多站点安装 (3.0) 中同时查询所有博客选项表？

】如何在Wordpress多站点安装(3.0)中同时查询所有博客选项表？【英文标题】：HowcanIsimultaneouslyqueryallblogoptionstableinaWordpressmultisiteinstallation(3.0)?【发布时间】：2011-04-1813:37:42【问题描述】：在我们的Wordpress3.0多站点安装中，我们为... 查看详情