Simditor 上传图片回显图片src base64 换成图片链接

Simditor 是一款简介好用的富文本插件

使用过程中发现添加图片后，后台报错说字段太长，无法存入内容

原因是：Simditor 没有找到上传图片后回显的图片地址，直接获取图片的源文件转成base64 放到 src 属性中，导致提交表单时字段太长。

Simditor 插件 uploader.js 中有这样一段代码：

上传成功后，触发 'uploadsuccess'

在simditor.js 中，找到这个触发器

 this.editor.uploader.on('uploadsuccess', (function(_this) {return function(e, file, result) {var $img, $mask, msg;if (!file.inline) {return;}$img = file.img;$img.removeData('file');$img.removeClass('uploading');$mask = $img.data('mask');if ($mask) {$mask.remove();}$img.removeData('mask');if (result.success === false) {msg = result.msg || _this._t('uploadFailed');alert(msg);$img.attr('src', _this.defaultImage);} else {$img.attr('src', result.file_path);}if (_this.popover.active) {_this.popover.srcEl.prop('disabled', false);_this.popover.srcEl.val(result.file_path);}_this.editor.trigger('valuechanged');if (_this.editor.body.find('img.uploading').length < 1) {return _this.editor.uploader.trigger('uploadready', [file, result]);}};})(this));

这里我们有两种改法：

1.改后端代码

将上传接口的返回值字段改成 ‘file_path’（这里的file_path是指上传图片后获得的图片url），来对应JS中的字段

2.改JS

将这段js中‘file_path’改成对应后端返回值中的图片地址字段就OK了

Simditor 上传图片回显图片src base64 换成图片链接相关推荐

php网址图片怎么转based4,Ionic4 Base64 转化成图片插件-Base64 转化成图片Base64 To Gallery - Ionic Native...
This plugin allows you to save base64 data as a png image into the device Ionic Base64 转化成图片Base64 T ...
php把buffer转化为图片_php base64转换成图片的方法
php base64转换成图片的方法:首先获取到前端传递的值:然后设置文件路径和命名文件名称:接着将数据流文件写入创建的文件内容中:最后将路径信息返回给前端使用即可. 将base64数据流文件转换为图 ...
python图片二进制流转换成图片_微信如何将图片转换成word文字
每天和手机微信相依为命,小编想问问你们,对于微信的使用,你到底了解多少?比如,你知道原来微信也可以随时翻译多国语言,可以把图片直接转换成你需要的大片文字吗? 微信上的这些小技巧,你知道多少? 本文将为 ...
python图片二进制流转换成图片_python将图片二进制数据转换成Django file对象
来自django.core.file的二进制数据,来自于来自django.core.file的二进制数据,来自于前端摄像头uwsgi套接字的djanyUploadedFilefrom io IMPOR ...
python图片二进制流转换成图片_将图像（np.数组）转换为二进制imag
谢谢你阅读我的问题. 我是python新手,对scipy很感兴趣.我正试图弄清楚如何将浣熊的图像(在scipy misc中)转换成二进制图像(黑白).这不是在scipy讲座教程中教的. 到目前为止这是 ...
vue+springboot-前台怎么回显本地文件夹下的图片
如果你想在前端回显本地文件夹下的图片,那么你就要在上传图片的时候将图片上传的路径设置成后台项目文件夹的路径,在浏览器输入地址即可访问.上传到服务器的我就先不举例了. 图片上传的位置: 后台端口:818 ...
微信小程序中base64转换成图片；uni-app小程序base64转图片；微信小程序base64文件转图片；微信小程序base64图片转图片
将微信小程序的图片转成base64 点击此链接看另一篇以下是将后端返回的base64转成图片: 方法1:使用微信小程序自带方法 //把base64转换成图片getBase64ImageUrl: (b ...
base64格式的图片数据如何转成图片
base64格式的图片数据如何转成图片一.总结一句话总结:不仅要去掉前面的格式串,还需要base64_decode()解码才行. 1 // $base_img是获取到前端传递的值 2 $base_ ...
微信小程序中base64转换成图片
//把base64转换成图片getBase64ImageUrl: function(data) {/// 获取到base64Datavar base64Data = data;/// 通过微信小程序自 ...

Simditor 上传图片回显图片src base64 换成图片链接

Simditor 上传图片回显图片src base64 换成图片链接相关推荐

最新文章

热门文章

Simditor 上传图片回显图片src base64 换成 图片链接

Simditor 上传图片回显图片src base64 换成 图片链接相关推荐

最新文章

热门文章

Simditor 上传图片回显图片src base64 换成图片链接

Simditor 上传图片回显图片src base64 换成图片链接相关推荐