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 换成 图片链接的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。