web-dev-qa-db-fra.com

Est-il possible de recadrer une image après le téléchargement

J'essaie de construire un plugin, et une partie de celui-ci nécessite de télécharger (ou d'en choisir une déjà téléchargée) une image, puis de la rogner une fois l'opération terminée (un peu comme vous modifiez une image d'en-tête dans WP_Customizer).

J'ai actuellement ce code:

Index.php:

<div class="imagearea">
    <div class="noimage">
        <a class="select-image button button-primary button-large">Selecteer een foto</a>
    </div>
</div>

imageUpload.js:

jQuery(document).ready(function (){
jQuery(".select-image").click(function() {
  var custom_uploader = wp.media({
      title: 'Selecteer een afbeelding',
      button: {
        text: 'Selecteer'
      },
      multiple: false
    })
    .on('select', function() {
      var cropper = wp.cropper().open();
    }).open();
});
});

Mais je reçois alors l'erreur: Uncaught ReferenceError: wp.cropper is not defined

Il semble que wp.cropper n’est pas le nom correct, alors que /wp-includes/crop/cropper.js semble le suggérer à la ligne 39. J’ai aussi essayé quelques variantes du nom (wp.Cropper, WP.cropper , Cropper, etc ...)

Je suis sur Wordpress 4.4

mediacropping
4
Jeroen

Non testé, mais je crois que cela devrait fonctionner:

jQuery(document).ready(function (){
    jQuery(".select-image").click(function() {
        var custom_uploader = wp.media({
            title: 'Selecteer een afbeelding',
            button: {
                text: 'Selecteer'
            },
            multiple: false
        });
        custom_uploader.on('select', function() {
            custom_uploader.Jcrop();
        });
        custom_uploader.open();
    });
});
1
C C