百度编辑器图片上传 java_百度编辑器粘贴图片自动上传到服务器(Java版)

Chrome+IE默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？

Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器，不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。

我希望打开Word或者WPS文档后，复制内容然后直接粘贴到富文本编辑器中，编辑器自动将图片批量上传到服务器中，无论文档中有多少张图片，编辑器都全部自动上传，不需要再手动一张张处理。同时能够将图片上传到我指定的接口中，服务器需要将图片单独保存在存储服务器中，比如可能是云存储，或者是分布式存储，最后直接发布内容。

感觉这个似乎很困难，因为Ueditor本身不支持，粘贴后直接就是空白，这里面一定有原因。

好，开始尝试UMeditor，Chrome只能获得本地路径，无法读取文件。

难道就这么失败了？

不，但是我意外发现UMeditor竟然支持粘贴word中的多张图片(仅支持IE11，不支持IE10以下版本、以及Chrome等)

切换HTML，会看到你的图片被组织成base64

nice，机会来了，既然IE支持复制word中的多张图片直接粘贴base64，既然有了base64我们就有办法上传转图片啦！

那么我们来改造Ueditor，让他支持IE11(总比没得用强吧)

打开你的ueditor.all.js(1.4.3版本以下行号根据自己使用的版本可能不同)

1、注释掉14679行(暂时不明确有什么不良影响)

//执行默认的处理

//me.filterInputRule(root);

2、在28725行插入以下代码(如果是使用IE11粘贴会得到base64，先用占位符占位，再逐个把base64专成Blob文件并上传，上传完成再替换为你的img属性src为服务器图片url)

服务端上传代码

处理后的效果，能够批量上传word中所有的图片，真的是太方便了。无论多少张图片都可以一次性批量上传。这个功能真的是太方便了，大幅度提升了内容编辑人员的效率。以前一天只能发布一篇文章，现在能够发布100篇，这效率简直提升了100倍呀。

图片上传后保存在服务器端。而且也可以指定上传接口地址，这个也比较方便。因为我们的业务是将图片保存在单独的云存储服务器中。

3、处理ueditor提供的uploadimage方法

客户已经使用半年，没有问题，非常有用，非常方便的功能

讨论群：223813913

百度编辑器图片上传 java_百度编辑器粘贴图片自动上传到服务器(Java版)相关推荐

微信内置浏览器无法使用input图片上传和lrz.bundle.js图片压缩插件
标题微信内置浏览器无法使用input图片上传和lrz.bundle.js图片压缩插件图片上传功能作为一个比较常见的功能,有时候需要在微信内置浏览器里打开,但是有些型号的手机会出现打不开的现象,点击 ...
ueditor编辑器php上传配置,Ueditor编辑器图片上传自定义配置
U需朋者说上事是础一发一开程和开数的目前间editor图片上传自新直能分支调二浏页器朋代说,事刚定义配置不使用自带后遇新是直朋能到分览台配置 1开进架触我法端位画近发行思发们识和移的近.加载Uedi ...
在BAE搭建的Django中实现图片上传并用jquery预览图片
在BAE上搭建好了django,如何实现图片上传并预览呢? 想要实现图片上传并不难,但是想看到刚上传的图片,就得在服务器返回上传后图片的url.可是返回数据的话,网页就会重定向.因此想要在上传页面预览 ...
php图片写入带问号_php实现图片上传时添加文字和图片水印技巧
本文实现的功能特别适用于一些商城和图片站中,分享了图片在上传时添加文字和图片水印的技巧,供大家参考,具体内容如下 1. water.class.php header('Content-Type:tex ...
php 接收 oc 图片上传,php yii2接口中图片上传
现在在给ios给接口,遇到了一些图片上传的问题,现在可以接收到ios传来的base64编码后的数据.我是否需要解码?解码又需要怎么处理才能把图片上传到服务器,并从服务器获取URL来存入到数据库呢?求大 ...
java多图片上传json_SpringMVC框架五：图片上传与JSON交互
在正式图片上传之前,先处理一个细节问题: 每一次发布项目,Tomcat都会重新解压war包,之前上传过的图片会丢失为了解决这个问题:可以不在Tomcat下保存图片,而是另找一个目录. 上传图片: 在 ...
android 自定义图片上传,android自定义ImageView仿图片上传示例
看下效果图主要看下自定义view 代码 public class ProcessImageView extends ImageView{ private Context context; priva ...
android 自定义图片上传,android自定义ImageView仿图片上传(示例代码)
Activity代码 1 public classMainActivity extends AppCompatActivity {2 ProcessImageView processImage ...
java 微信图片上传_微信小程序图片上传java端以及前端实现
小程序的图片上传与传统的图片上传方式有一些不一样如果你有幸看到这篇文章,恭喜你,你可以完美解决了. 话不多说,前后端代码一并奉上: (基于springmvc ) @Controller @Reque ...

百度编辑器图片上传 java_百度编辑器粘贴图片自动上传到服务器(Java版)

百度编辑器图片上传 java_百度编辑器粘贴图片自动上传到服务器(Java版)相关推荐

最新文章

热门文章