問題描述

我想要實現上傳標誌到我的主題選項頁面。目前我遵循 this code

我現在為了媒體上傳載入了一個相關的 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. 上傳圖片後，單擊 media-upload 上的 Insert into Post 按鈕，影像將放入欄位 name="theme_options_upload"

讓我知道。

最佳解決方案

您最有可能儲存影像的 URL，而不是整個影像標籤，而且還有一個很棒的教程，它解釋瞭如何在自己的主題或外掛中使用媒體上傳器：http://www.webmaster-source.com/2010/01/08/using-the-wordpress-uploader-in-your-plugin-or-theme/

update

如果在元框中使用它，您將需要釋出 ID，以便更改 js 程式碼：

jQuery('#upload_image_button').click(function() {
 formfield = jQuery('#upload_image').attr('name');
 tb_show('', 'media-upload.php?type=image&amp;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+'&amp;type=image&amp;TB_iframe=true');
 return false;
});

參考文獻

注：本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。