php - 在自己的插件中为 Wordpress Media Uploader 自定义上传目录

Question

我目前正在开发一个 Wordpress 插件，我喜欢为 wordpress 媒体 uploader 设置一个自定义上传目录，我在我的插件的一个子页面上使用它。我已经搜索了整整一个星期，但找不到我的错误或问题的解决方案 - 所以我希望任何人都能提供帮助。

我添加了一个子菜单页面，我在其中调用了一个方法来加载 WP Media Uploader:

add_submenu_page('w3p-listing', $pubAtt, $pubAtt, 'manage_options', 'w3p-attachments', array('w3pUploader', 'media_upload_init') );

这会调用类 w3pUploader 上的 media_upload_init 方法，如下所示:

class w3pUploader {

function __construct()
{

}

public static function media_upload_init() {
    // jQuery
    wp_enqueue_script('jquery');
    // This will enqueue the Media Uploader script
    wp_enqueue_media();
    ?>

    <div>
        <label for="image_url">Image</label>
        <input type="text" name="image_url" id="image_url" class="regular-text">
        <input type="button" name="upload-btn" id="upload-btn" class="button-secondary" value="Upload Image">
    </div>

    <script type="text/javascript">
        jQuery(document).ready(function($){
            $('#upload-btn').click(function(e) {
                e.preventDefault();
                var image = wp.media({
                    title: 'Upload Image',
                    // mutiple: true if you want to upload multiple files at once
                    multiple: false
                }).open()
                .on('select', function(e){
                    // This will return the selected image from the Media Uploader, the result is an object
                    var uploaded_image = image.state().get('selection').first();
                    // We convert uploaded_image to a JSON object to make accessing it easier
                    // Output to the console uploaded_image
                    console.log(uploaded_image);
                    var image_url = uploaded_image.toJSON().url;
                    // Let's assign the url value to the input field
                    $('#image_url').val(image_url);
                });
            });
        });
    </script>
    <?php
}

function awesome_wallpaper_dir( $param ){
    $mydir = '/awesome';

    $param['path'] = $param['path'] . $mydir;
    $param['url'] = $param['url'] . $mydir; 

    return $param;
}

}

我发现了几个主题，但没有一个能解决我的问题:

• https://codex.wordpress.org/Plugin_API/Filter_Reference/upload_dir

• https://wordpress.stackexchange.com/questions/76895/different-upload-directory-based-on-post-type-in-a-theme/77007#77007

• https://wordpress.stackexchange.com/questions/83248/post-type-specific-upload-folder-in-3-5/83254#83254

我尝试在我的激活类和我的插件构造函数中的 wp_enque_media() 函数之前添加过滤器，但是无法识别上传目录 Hook 或给我错误，例如:“上传媒体时出错...” 我用了那一行:

add_filter( 'upload_dir', array('w3pUploader', 'customize_upload_dir' ));

我希望任何人都知道我错在哪里或如何解决该问题。

感谢您的帮助:)

Answer 1

我用有点不同的方式解决了它，但它有效:

我在 w3pUploader 类中的 enqueue_media() 函数之后添加了这 3 行:

update_option('upload_path',WP_CONTENT_DIR.'/uploads/CUSTOM_FOLDER');
update_option('upload_url_path','../wp-content/uploads/CUSTOM_FOLDER');
update_option('uploads_use_yearmonth_folders', false);

当在我的特殊页面上打开媒体 uploader 时，三个更新选项调用将新的上传目录设置为全局。

然后我用关闭钩子(Hook)更新了 Javascript 部分，所以当媒体 uploader 以任何方式关闭时它都会被触发:

on('close',function() {
    var data = {
        action: 'reset_upload_dir'
    };
    jQuery.post(ajaxurl, data, function(response) {
        alert('Got this from the server: ' + response);
    });
});

reset_upload_dir 是一个自定义的 ajax 函数，我通过以下方式在构造函数的插件主文件中订阅:

add_action( 'wp_ajax_reset_upload_dir', array('w3pUploader', 'reset_upload_dir' ));

作为最后一步，我在我的 w3pUploader 类中添加了 reset_upload_dir 函数:

public static function reset_upload_dir() {
    update_option('upload_path',null);
    update_option('upload_url_path',null);
    update_option('uploads_use_yearmonth_folders', true);
    echo "RETURN";
    wp_die();
}

这个 reset_upload_dir 函数将选项设置为 null，这表明 wordpress 使用其标准目录。

所以整个 w3pUploader.php 看起来像这样:

class w3pUploader {

function __construct()
{

}

public static function reset_upload_dir() {
    update_option('upload_path',null);
    update_option('upload_url_path',null);
    update_option('uploads_use_yearmonth_folders', true);
    echo "RETURN";
    wp_die();
}

public static function media_upload_init() {
    // jQuery
    wp_enqueue_script('jquery');
    // This will enqueue the Media Uploader script
    wp_enqueue_media();

    update_option('upload_path',WP_CONTENT_DIR.'/uploads/w3p_publications');
    update_option('upload_url_path','../wp-content/uploads/w3p_publications');
    update_option('uploads_use_yearmonth_folders', false);
    ?>

    <div>
        <label for="image_url">Image</label>
        <input type="text" name="image_url" id="image_url" class="regular-text">
        <input type="button" name="upload-btn" id="upload-btn" class="button-secondary" value="Upload Image">
    </div>

    <script type="text/javascript">
        jQuery(document).ready(function($){
            $('#upload-btn').click(function(e) {
                e.preventDefault();
                var image = wp.media({
                    title: 'Upload Image',
                    // mutiple: true if you want to upload multiple files at once
                    multiple: false
                }).open()
                .on('select', function(e){
                    // This will return the selected image from the Media Uploader, the result is an object
                    var uploaded_image = image.state().get('selection').first();
                    // We convert uploaded_image to a JSON object to make accessing it easier
                    // Output to the console uploaded_image
                    console.log(uploaded_image);
                    var image_url = uploaded_image.toJSON().url;
                    // Let's assign the url value to the input field
                    $('#image_url').val(image_url);
                }).on('close',function() {
                    var data = {
                        action: 'reset_upload_dir'
                    };
                    jQuery.post(ajaxurl, data, function(response) {
                        alert('Got this from the server: ' + response);
                    });
                });
            });
        });
    </script>
    <?php
}
}