Question

我在bootstrap pop上安装了cropit插件，现在工作正常，我希望在弹出窗口打开之前在cropit插件上添加默认图像。场景是，当我单击按钮时，弹出窗口中我已设置了Cropit插件。现在，我希望该Cropit在打开之前应具有默认图像。默认图像地址保存在this.profileImg_url中，我已阅读官方文档并做了相同的操作，但仍未显示默认图像。下面是我的代码。

jQuery代码

EditProfileImage（）{

let img2 = this.ProfileImg_url;
console.log('imgimgimgimgimg', img2);


$('#cropperTileImgPop').modal('show');
setTimeout(() => {
  $('.select-image-btn').click(function() {
    $('.cropit-image-input').click();
  });


  $('#image-cropper').cropit();
  $('#image-cropper').cropit({
    $preview: $('.cropit-preview'),
    $fileInput: $('.cropit-image-input'),
    allowDragNDrop: true,
  });

  $('.cropit-image-input').change(function(){
    this.showHideImageSlider = true;
    $('#aaa').css('display', 'block');
  });
}, 2000);

}

HTML代码

  <div id="image-cropper" style="margin-bottom: 20px;">
            <!--<span id="aaa">-->
              <div  class="cropit-preview clearfix"></div>
              <!--<div *ngIf="imageCroperShowHide === false" class="cropit-preview clearfix"></div>-->
            <input id="aaa" type="range" class="cropit-image-zoom-input clearfix" style="margin-top: 33px" />
            <!--</span>-->
            <input  type="file" name="file1"  class="cropit-image-input clearfix" style="position: absolute;width: 246px !important;"/>
          </div>

如何在Jropropit插件中插入默认图像？

0 个答案: