Je travaille sur un petit widget WordPress et j'essaie de le configurer pour permettre à l'utilisateur de télécharger une image. Jusqu'à présent, les scripts nécessaires sont en cours de chargement, mais lorsque je clique sur le bouton "Image de la médi.
Voici mon fichier 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);
}
};
});
Voici mes fonctions pour appeler les scripts:
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' );
}
Et voici le code HTML pour afficher la zone de saisie et le bouton de téléchargement d’image:
<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" />
Étant donné que tous les fichiers/scripts nécessaires sont en cours de chargement, cela pourrait-il être un problème de jQuery?
S'il y a toute autre information supplémentaire qui aiderait s'il vous plaît faites le moi savoir. Merci pour l'aide.
J'ai aussi remarqué une faute de frappe dans l'URL media-upload.php?type=image&&TB_iframe=1
. Peut-être que c'est le problème.
Également un exemple de travail:
jQuery( 'input[id^=my_field]' ).live( 'click', function($) {
formfield = $( 'input[id^=my_image]', $(this).closest('.widget') ).attr( 'name' );
tb_show( '', 'media-upload.php?type=image&TB_iframe=1' );
return false;
} );