simditor 上传图片成功事件

发布于 2022-09-11 14:24:26 字数 2786 浏览 22 评论 0

问题描述

simditor 上传图片成功的回调函数是生成base64的 无法生成img标签并赋值src形式 我查找源码改变成功回调函数 并没有执行 clipboard.png

问题出现的环境背景及自己尝试过哪些方法

simditor

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

this.editor.uploader.on('uploadsuccess', (function(_this) {
  console.log('qwe')
  return function(e, file, result) {
    var $img, img_path, msg;
    if (!file.inline) {
      return;
    }
    $img = file.img;
    if (!($img.hasClass('uploading') && $img.parent().length > 0)) {
      return;
    }
    if (typeof result !== 'object') {
      try {
        result = $.parseJSON(result);
      } catch (_error) {
        e = _error;
        result = {
          success: false
        };
      }
    }
    if (result.success === false) {
      msg = result.msg || _this._t('uploadFailed');
      alert(msg);
      img_path = _this.defaultImage;
    } else {
      img_path = result.file_path;
    }
    _this.loadImage($img, img_path, function() {
      var $mask;
      $img.removeData('file');
      $img.removeClass('uploading').removeClass('loading');
      $mask = $img.data('mask');
      if ($mask) {
        $mask.remove();
      }
      $img.removeData('mask');
      _this.editor.trigger('valuechanged');
      if (_this.editor.body.find('img.uploading').length < 1) {
        return _this.editor.uploader.trigger('uploadready', [file, result]);
      }
    });
    if (_this.popover.active) {
      _this.popover.srcEl.prop('disabled', false);
      return _this.popover.srcEl.val(result.file_path);
    }
  };
})(this));


            upload: {
            url: 'www.baidu.com', //文件上传的接口地址
            params: {
            }, //键值对,指定文件上传接口的额外参数,上传的时候随文件一起提交
            fileKey: 'file', //服务器端获取文件数据的参数名
            connectionCount: 3,
            leaveConfirm: '正在上传文件',
        },

        toolbarFloat: true,
        toolbarFloatOffset: 0,
        toolbarHidden: false,
        pasteImage: false,
        cleanPaste: false,
        textarea: $(this.refs.textarea)
    };

    this.editor = new Simditor(config);// 初始化编辑器
    this.editor.setValue(this.props.value);
    this.editor.uploader.on('uploadsuccess', (res,file,mask)=>{
        //获得上传的文件对象
        console.log('1111')
        let img = file.img;
        console.log(res); 
        console.log(file);//simditor的文件对象
        console.log(mask);//mask为后台接口地址返回来的参数
        
        if(mask.code===200){
            alert("上传成功");
            img.attr('src',"http://服务器图片路径.jpg");//重新给img标签的src属性赋值图片路径
        }else {
            alert("图片上传失败,请重新上传");
        }

    });

你期待的结果是什么?实际看到的错误信息又是什么?

上传图片无论上传成功失败都会生成图片

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文