web/bundles/topxiaadmin/js/controller/setting/live-logo-crop-modal.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

define(function(require, exports, module) {
    var Notify = require('common/bootstrap-notify');
    var ImageCrop = require('edusoho.imagecrop');

    exports.run = function() {
        //创建一个副本
        var imagecopy = $('#live-logo-crop').clone();
        var $form = $("#logo-crop-form"),
            $picture = $("#live-logo-crop"),
            $formBtn = $('#upload-avatar-btn'),
            type = $formBtn.data('type');

        var width = 280,
            height = type == 'app' ? 40 : 60;
        
        var img = new Image();
        img.src = $picture.attr('src');
        if (img.complete) {
          cropEvent();
        } else {
          img.onload = function () {
              cropEvent();
          };
        };

        function cropEvent(){
          var imageCrop = new ImageCrop({
              element: "#live-logo-crop",
              group: 'system',
              cropedWidth: width,
              cropedHeight: height
          });
          imageCrop.on('afterCrop', function(response) {
              var url = $formBtn.data('url');
              $.post(url, {images: response})
              .success(function(result){
                  $('#modal').modal('hide');
                  var $uploadBtn = $('#'+type+'-logo-upload');

                  $uploadBtn.siblings('.logo-container-js').html('<img src="' + result.url + '">');

                  Notify.success(Translator.trans('admin.setting.upload_live_logo_success_hint'), 1);
                  
              })
              .error(function(){
                  Notify.danger(Translator.trans('admin.setting.upload_live_logo_fail_hint'), 1);
              })
          });

          $formBtn.click(function(e) {
              imageCrop.crop({
                  imgs: {
                      large: [width, height],
                  }
              });

              return false;
          })
        }