vue-tinymce的使用，粘贴文件上传，自定义文件上传，改base64转换成上传到服务器返回url

vue中使用

<vue-tinymcev-model="itemForm.content":setting="setting"
/><script>
export default {data(){return {itemForm: {content: ''},setting: {menubar: false,relative_urls: false,remove_script_host: false,paste_data_images: true, // 允许粘贴图片// powerpaste_allow_local_images: true,// powerpaste_word_import: 'propmt', // 只支持office，不支持wps 允许粘贴word图片 参数可以是propmt, merge, clear，效果自行切换对比document_base_url: STATIC_URL,toolbar:'undo redo | fullscreen | formatselect alignleft aligncenter alignright alignjustify | link unlink | numlist bullist | image media table | fontselect fontsizeselect forecolor backcolor | bold italic underline strikethrough | indent outdent | superscript subscript | removeformat |',toolbar_drawer: 'sliding',quickbars_selection_toolbar:'removeformat | bold italic underline strikethrough | fontsizeselect forecolor backcolor',plugins: 'link image media table lists fullscreen quickbars paste',language: 'zh_CN', // 本地化设置height: 360,width: '100%',resize: 'both',images_upload_base_path: '图片访问域名地址',images_upload_handler: (blobInfo, success, failure) => tinymceUploadImage(blobInfo, success, failure) // 上传图片base64转换成自定义上传}}}
}
<script>

utils.js

// 富文本编辑器图片base64 - 改为url上传
export function tinymceUploadImage(blobInfo, success, failure) {const formData = new FormData()// 服务端接收文件的参数名，文件数据，文件名formData.append('upfile', blobInfo.blob(), blobInfo.filename())axios({method: 'post',// 这里是你的上传地址url: '/api/upload/image',data: formData}).then((res) => {// 接口返回的图片地址success(res.Data.msgbox)}).catch(() => {failure('上传失败')})
}

vue-tinymce的使用，粘贴文件上传，自定义文件上传，改base64转换成上传到服务器返回url相关推荐

微信小程序中base64转换成图片；uni-app小程序base64转图片；微信小程序base64文件转图片；微信小程序base64图片转图片
将微信小程序的图片转成base64 点击此链接看另一篇以下是将后端返回的base64转成图片: 方法1:使用微信小程序自带方法 //把base64转换成图片getBase64ImageUrl: (b ...
Python 实现office单个文件或整个文件夹（word，ppt，excel）转换成PDF文件，并获取PDF文件页数
Python 实现office单个文件或整个文件夹(word,ppt,excel)转换成PDF文件,并获取PDF文件页数文件夹中获取需要转换的文件数,将其全部转换或可单独转换单个文件,并获取转成PD ...
上传 mp4 格式判断_视频如何转换成通用的MP4格式？按下这个键，10秒就能搞定...
我们在网上下载视频的时候,有很多的视频都是无法播放的,或者是需要特定的播放器才可以播放.其实,只要把这些视频的格式转换成通用的MP4格式即可.如果你还不知道怎么转换视频格式,下面就教大家两个小方法,百 ...
html怎么在图片上加文字_怎么把图片文字转换成word文档
我们在和别人交流的时候,有时候为了方便对方查看和理解,我们会使用文字图片进行交流,这是一种非常方便交流的形式.那如果我们想要将图片里的文字转换成Word文档应该怎么操作? 如果我们想要将图片识别为Wo ...
c语言打开当前目录下的文件_Linux下自定义文件默认打开方式
这个需求,我很早就已经有了.比如,我之前手动安装了Typora,但一直没有设置好默认打开方式.在Deepin系统下右击.txt或.md文件,在「打开方式」及其下级选项「选择默认程序」下都无法直接看到T ...
python如何读取数据保存为新格式_python，初学者应用实例：读取文件中的数据，将将北京时间转换成世界时间，再保存成新的CSV格式文件...
数据格式转换是科研工作中经常需要完成的任务.本程序实现了这个功能.将文本文件"TableS1.dat"中的数据读取,原文件格式为: No Date Time Mag Dis 119 ...
Android Canvas画布上放图片，保存图片为黑色，转换成PNG格式还是黑色，画布设置白色则图片不显示，特例出完美的解决办法
网上都说 bitmap.compress(Bitmap.CompressFormat.PNG, 100, fos);替换成bitmap.compress(Bitmap.CompressFormat.J ...
html 自定义文件选择,html5 自定义文件上传
文件上传 Click to upload! //触发文件上传组件的 click 事件 , 打开文件上传的对话窗口 document.getElementById("yourBtn" ...
vueCli3.0文件上传后，后端返回流,前端转换成pdf预览的3种方式
第一种是用: <iframe> 嵌套显示先上效果图: 注:这种还带样式的是我后面修改源码的 js添加的 : customToolbar.js //创建一个新样式 let sheet ...

vue-tinymce的使用，粘贴文件上传，自定义文件上传，改base64转换成上传到服务器返回url

vue-tinymce的使用，粘贴文件上传，自定义文件上传，改base64转换成上传到服务器返回url

vue中使用

utils.js

vue-tinymce的使用，粘贴文件上传，自定义文件上传，改base64转换成上传到服务器返回url相关推荐

最新文章

热门文章