web/bundles/topxiaadmin/js/controller/article/picture-crop-modal.js

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

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

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

    exports.run = function() {
        var $modal = $("#modal");
        $picCrop = $('#article-pic-crop');

        var img = new Image();
        img.src = $picCrop.attr('src');
        if (img.complete) {
          cropEvent();
        } else {
          img.onload = function () {
              cropEvent();
          };
        };

        function cropEvent(){
          var newimageCrop = new ImageCrop({
              element: "#article-pic-crop",
              group: 'article',
              cropedWidth: 754,
              cropedHeight: 424
          });

          newimageCrop.on("afterCrop", function(response){
              var url = $("#upload-picture-crop-btn").data("gotoUrl");
              $.post(url, {images: response}, function(data){
                  $modal.modal('hide');
                  $("#article-thumb-container").show();
                  $("#article-thumb-remove").show();
                  $("#article-thumb").val(data.large.file.uri);
                  $("#article-originalThumb").val(data.origin.file.uri);
                  $('#article-thumb-preview').attr('src',data.large.file.url);
                  $("#article-thumb-container").html("<img class='img-responsive' src='"+data.large.file.url+"'>")
              });
          });
          $("#upload-picture-crop-btn").click(function(e) {
              var postData = {
                  imgs: {
                      large: [754, 424]
                  },
                  deleteOriginFile: 0
              };
              newimageCrop.crop(postData);

              return false;
          });
        }
    };
});