simditor 上传图片成功事件
问题描述
simditor 上传图片成功的回调函数是生成base64的 无法生成img标签并赋值src形式 我查找源码改变成功回调函数 并没有执行
问题出现的环境背景及自己尝试过哪些方法
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论