TinyMce的paste插件,限制粘贴的图片大小

1.通过image插件正常上传的图片可以在回调方法内限制图片大小。

效果：

代码：

tinymce.init({selector: '#tinydemo',plugins: 'image paste code link lists table preview  save',toolbar: 'image',height:500,language:'zh_CN',file_picker_types: 'image',paste_data_images: true,images_upload_handler: function (blobInfo, success, failure, progress) {var reader = new FileReader();var AllowImgFileSize = 2100000; //上传图片最大值(单位字节)（ 2 M = 2097152 B ）超过2M上传失败reader.readAsDataURL(blobInfo.blob());reader.onload = function () {if (AllowImgFileSize != 0 && AllowImgFileSize < reader.result.length) {failure("上传失败，请上传不大于2M的图片！");return;}else{//执行上传操作success(this.result);alert(reader.result);}}}
});

2.通过paste插件直接粘贴过来的图片。

问题：虽然粘贴来的经过images_upload_handler方法，会有报错信息，但是不能阻止图片上传，依然可以上传成功。

解决方案：

修改paste插件上传文件的代码路径：tinymce\plugins\paste\plugin.min.js

代码：

return new ge(function (e) {var t = P(r.getAsFile) ? r.getAsFile() : r, n = new window.FileReader;var AllowImgFileSize = 2100000; //上传图片最大值(单位字节)（ 2 M = 2097152 B ）超过2M上传失败n.onload = function () {if (AllowImgFileSize != 0 && AllowImgFileSize < n.result.length) {alert("上传失败，请上传不大于2M的图片！");return;}e({blob: t, uri: n.result})}, n.readAsDataURL(t)
})

效果：

小提示：

1.如何开启了paste插件，却不能复制粘贴图片的，可能是浏览器不支持，建议用谷歌。

2.更改后，好像限制的是所有上传的文件大小，不仅仅针对于图片。后续有其他个性化需求，可以再自行改造。

TinyMce的paste插件,限制粘贴的图片大小相关推荐

tinymce粘贴word图片问题解决
项目需求可发布文章需求涉及到富文本编辑器经过查阅我选择了较为简便不需要后端支持可独立完成的tinymce框架官方文档也是相当完整虽然都是全英文但是有强大的谷歌~ 没问题的编辑器,tin ...
TinyMCE粘贴word图片且图片文件自动上传功能
项目需求可发布文章需求涉及到富文本编辑器经过查阅我选择了较为简便不需要后端支持可独立完成的tinymce框架官方文档也是相当完整虽然都是全英文但是有强大的谷歌~ 没问题的编辑器,tin ...
印象笔记粘贴HTML,【未解决】Mac中从印象笔记中拷贝图片后去VSCode中用Paste Image无法粘贴图片：There is not a image in clipboard...
mac中,从印象笔记中拷贝图片,然后去VSCode中用Paste Image去粘贴图片,之前都是可以的. 后来出了快捷键的问题,不过已经解决了: 但是此处又遇到了,印象笔记中去拷贝图片: 先选中,在C ...
KindEditor 图片粘贴上传，实现图文粘贴，图片自动上传
tinymce是很优秀的一款富文本编辑器,可以去官网下载.https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用. umed ...
umeditor+粘贴word图片
图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用,但是项目要求需要支持所有的浏览器,包括Windows和macOS系统.没有办 ...
tinymce编辑器上传图片插件配置
转自:http://www.tangshuang.net/1715.html 使用tinymce作为网站的编辑器的时候,由于tinymce本身并不提供本地图片上传(提供付费图片上传插件),所以我们需要 ...
粘贴板工具：PPT或Excel复制粘贴成图片问题的解决方案
粘贴板工具:PPT或Excel复制粘贴成图片问题的终极解决方案一.小工具介绍针对PPT或Excel复制粘贴成图片问题,Clipboard是一个将图像粘贴板内容转化为文字粘贴板内容的小工具.下载链接 ...
利用SD的插件从文本或者图片创建3D模型
利用SD的插件从文本或者图片创建3D模型一个用于自动从文本或图像生成3D模型的稳定扩散WebUI的自定义扩展. 利用 OpenAl Shap-E 从文本或图像生成 3D 模型, GitHub项日地址 ...
超全超实用的Javascript类库和jQuery插件大全之一：图片，地图和图形
为什么80%的码农都做不了架构师?>>> 日期:2012-10-10 来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javasc ...

TinyMce的paste插件,限制粘贴的图片大小

1.通过image插件正常上传的图片可以在回调方法内限制图片大小。

2.通过paste插件直接粘贴过来的图片。

TinyMce的paste插件,限制粘贴的图片大小相关推荐

最新文章

热门文章