可以在上传后裁剪图像

时间:2015-12-15 作者:Jeroen

我正在尝试构建一个插件,其中一部分需要上传(或选择一个已经上传的)一个图像,并在上传完成后裁剪它(有点像在WP\\U定制器中更改标题图像的方式)。

我目前有以下代码:

指数php:

<div class="imagearea">
    <div class="noimage">
        <a class="select-image button button-primary button-large">Selecteer een foto</a>
    </div>
</div>
图像上载。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();
});
});
但我得到了一个错误:Uncaught ReferenceError: wp.cropper is not defined

看起来像wp。cropper不是正确的名称,而/wp包括/crop/cropper。js似乎在第39行建议了这一点。我还尝试了名称的一些变体(wp.crapper、wp.crapper、crapper等)

我在Wordpress 4.4上

1 个回复
SO网友:C C

未经测试,但我认为这应该有效:

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();
    });
});