gpt4 book ai didi

php - 在 WordPress 小部件中集成图像上传框

转载 作者:搜寻专家 更新时间:2023-10-31 22:11:40 25 4
gpt4 key购买 nike

我正在开发一个小型 WordPress 小部件,我正在尝试将其设置为用户可以上传图片的位置。到目前为止,必要的脚本正在加载,但是当我单击“媒体库图像”按钮时,图像 uploader 没有弹出。

这是我的 javascript 文件:

jQuery(document).ready(function($) {

var formfield = null;

$('#upload_image_button').click(function() {
$('html').addClass('Image');
formfield = $('#wp-ss-image').attr('name');
tb_show('', 'media-upload.php?type=image&TB_iframe=true');
return false;
});


// user inserts file into post. only run custom if user started process using the above process
// window.send_to_editor(html) is how wp would normally handle the received data

window.original_send_to_editor = window.send_to_editor;
window.send_to_editor = function(html){
var fileurl;

if (formfield != null) {
fileurl = $('img',html).attr('src');

$('#wp-ss-image').val(fileurl);

tb_remove();

$('html').removeClass('Image');
formfield = null;
} else {
window.original_send_to_editor(html);
}
};

});

这是我调用脚本的函数:

add_action('admin_print_scripts-widgets.php', 'wp_ss_image_admin_scripts');

function wp_ss_image_admin_scripts() {
wp_enqueue_script( 'wp-ss-image-upload', plugins_url( '/WP-Simple-Social/wp-simple-social-image.js' ), array( 'jquery','media-upload','thickbox' ) );
}

add_action('admin_print_styles-widgets.php', 'wp_ss_admin_styles');

function wp_ss_admin_styles() {
wp_enqueue_style( 'thickbox' );
}

下面是显示输入框和图片上传按钮的html:

<p>Upload Photo: <input id="wp-ss-image" class="widefat" type="text" size="75" name="<?php echo $this->get_field_name( 'image' ); ?>" value="<?php echo esc_url( $image ); ?>" />
<input id="upload_image_button" type="button" value="Media Library Image" class="button-secondary" />

由于所有必要的文件/脚本都在加载,这可能是 jQuery 问题吗?

如果有任何其他信息可以帮助您,请告诉我。感谢您的帮助。

最佳答案

我发现最好的方法是使用 live() 方法,即使它已弃用到 on() 利润。

工作过

jQuery(document).ready(function($) {
$("#testage").live("click", function() {
alert("CLICK!");
});
});

没用

jQuery(document).ready(function($) {
$("#testage").on("click", function() {
alert("CLICK!");
});
});

如果有人有解释,我将不胜感激。

关于php - 在 WordPress 小部件中集成图像上传框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12230586/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com