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

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

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

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

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

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

6a1a7dd4d1aca8c05dc0a691faea967f.pngwAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

难道就这么失败了?

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

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

353a90dd2b3a17ae2608c5a5b4e2c026.pngwAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

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)

76aa4a79a58297ac4ad3f87fb4c5d8eb.pngwAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

服务端上传代码

1e63f388c12d01a8f627b26726dc5644.pngwAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

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

43c1c40c971ad582b886e72ffc2c9a18.pngwAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

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

453bc7fd065aa621e2ca38702849e4c8.pngwAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

3、处理ueditor提供的uploadimage方法

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

讨论群:223813913

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/552384.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

matlab解方java_Java:调用window的matlab遇到的问题和解决方案

描述容易报错的问题和可能原因1.java.lang.NullPointerException解决途径:window和linux的文件路径不同,window分隔符是\\,linux是/2.Exception in thread “main” java.lang.ExceptionInInitializerError解决途径:matlab生成的j…

java里面add报错_java.util.Arrays$ArrayList addAll报错

执行下面代码时报错:List centerList WebConstants.SUPPORT_BIG_CENTERS_LIST; // WebConstants.SUPPORT_BIG_CENTERS_LIST是Arrays.asList转化来的centerList.removeAll(WebConstants.SUPPORT_CENTERS_LIST);centerList.addAll(WebConstants.SUPPORT_CENTERS_LIST);最后一行报…

java中的输入语句判断正负_在java中使用方法调用统计数组中正数的个数,将判断数据的正负功能定义成方法...

满意答案donglin820推荐于 2018.04.21public class TestDemo {static int count 0;// 统计整数的个数public static void main(String[] args) {int[] number new int[10];// 动态生成一个整数数组(长度为10)Scanner s new Scanner(System.in);for (int i 0; i < 10; i)…

java 压缩加密 github_关于Java:使用github中的AES-256-CBC加密

本问题已经有最佳答案&#xff0c;请猛点这里访问。我想使用这些课程https://github.com/fukata/AES-256-CBC-示例在我的项目中&#xff0c;但是即使我不进行任何更改而对其进行编译&#xff0c;也会导致错误&#xff1a;Exception in thread"main" java.lang.Runtim…

java二级考试有草稿纸吗_“大型考试”为什么需要回收草稿纸?学生:这么多年也没整明白!...

在大家的求学生涯中&#xff0c;肯定不难发现这个事情&#xff0c;那就是学生考完试不能带走草稿纸&#xff0c;尤其是高考、中考这种全国统一大型考试&#xff0c;英语四六级等等&#xff0c;而一些初中高中、大学院校内部期末考试也是这样。学校和考场提供统一草稿纸目的是非…

expressjs如何做mysql注入_Node.js+Express+Mysql 实现增删改查

这次选用nodejsexpressmysql 使用http作为客户端&#xff0c;express框架搭建服务端&#xff0c;从而实现数据的增删改查。这篇文章可以算作上篇文章的升级篇&#xff0c;加入了和数据库的交互。安装node 直接去官网下载选择下载即可https://nodejs.org/en/download/current/cn…

docker pxc mysql_docker安装pxc集群的详细教程

前言现在mysql自建集群方案有多种&#xff0c;keepalived、MHA、PXC、MYSQL主备等&#xff0c;但是目前根据自身情况和条件&#xff0c;选择使用pxc的放来进行搭建&#xff0c;最大的好处就是&#xff0c;多主多备&#xff0c;即主从一体&#xff0c;没有同步延时问题&#xff…

java双击添加文本框_java图形界面 怎么文本框要用鼠标点一下才出来

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼import javax.swing.*;import java.awt.*;import java.awt.event.*;import java.util.*;public class BuildMaze extends JFrame implements ActionListener{private JButton random,Return,display,choice;private ImageIcon icon…

php图形验证码验证,php生成图形验证码几种方法小结

我们先来检查一下自己的php是不是打开了gd库。复制代码 代码如下:if(extension_loaded(gd)) {echo 你可以使用gd;foreach(gd_info() as $cate>$value)echo "$cate: $value";}elseecho 你没有安装gd扩展;?>如果有返回信息就正确可以常用使用了例1复制代码 代码…

php new static,PHP中new self()和new static()的区别用法

浅谈PHP中new self()和new static()的区别&#xfeff;本文介绍了PHP中new self()和new static()的区别&#xff0c;分享给大家&#xff0c;也给自己留个笔记。1.new static()是在PHP5.3版本中引入的新特性。2.无论是new static()还是new self()&#xff0c;都是new了一个新的对…

php微信开源框架,SOPHP免费微信开源框架 php版 v4.5

SOPHP是一款稳定开源的微信公众平台开发系统,也是基于weiphp开发的第一款商业系统。依托自身强大的钩子功能&#xff0c;她可以帮助大家快速开发出自己想要的微信功能插件&#xff0c;运营近两年来我们收获了上千用户与良好的口碑。作为一个开源产品&#xff0c;希望大家都能参…

php搜索文件名,window_Windows7内置搜索如何同时搜索文件名与内容,  Win7的搜索功能效果非常强 - phpStudy...

Windows7内置搜索如何同时搜索文件名与内容Win7的搜索功能效果非常强大&#xff0c;不但比WinXP快上许多&#xff0c;而且还能即输即显。不过我们在平时使用的时候大家会发现&#xff0c;Win7搜索只能搜索目录中的文件名&#xff0c;却搜索不到文件中的内容。其实不然&#xff…

php去掉编辑器自带样式,phpcms去掉CKEditor编辑器上传图片的宽高样式

phpcms V9后台富文本编辑器使用的是CKEditor&#xff0c;在编辑器上传图片后会自动添加图片宽高的style属性&#xff0c;如何去掉这个属性&#xff1f;找到以下文件&#xff1a;statics\js\ckeditor\plugins\image\dialogs\image.js打开后是压缩包的js文件&#xff0c;用javasc…

java系统管理员停用,为什么犯错让我成为一个更好的系统管理员

诀窍就是同一个错误不要犯两次。到目前为止&#xff0c;我已做了十多年 Fedora 贡献者。 Fedora 有一个由开发者和用户组成的大型社区&#xff0c;其中每一个人&#xff0c;不管是极富洞察力的用户还是出色的程序员&#xff0c;都有一些独有的技能。我喜欢这样的社区&#xff0…

php ajax json 实例,php+ajax+json 详解及实例代码

phpajaxjson 实例代码html页面&#xff1a;$(function(){$("#send").click(function(){var cont $("input").serialize();$.ajax({url:ab.php,type:post,dataType:json,data:cont,success:function(data){var str data.username data.age data.job;$(&…

如何访问静态成员php,php – 如何访问类的静态成员?

如果A是一个类&#xff0c;你可以通过A :: $ strName直接访问它。class A {public static $strName A is my name;}echo A::$strName; // outputs "A is my name"更新&#xff1a;根据你的数组内容&#xff0c;不管我喜欢将其定义为类对象还是类文字&#xff0c;都可…

php.ini用哪个,php.ini:哪一个?

一般来说&#xff0c;当从命令行调用PHP二进制文件时&#xff0c;使用cli / php.ini文件。您可以从命令行检查运行php –ini。当PHP作为FPM运行时将使用fpm / php.ini – 这是nginx安装的情况。您可以检查从您的网络服务器服务的php页面调用phpinfo()。cgi / php.ini&#xff0…

php黄页,PHP 黄页的url

首页http://localhost/index.php?myp&ccom_index&userid10产品&#xff1a;http://localhost/index.php?myp&ccom_index&amodel&modelid13&userid10产品单页&#xff1a;http://localhost/index.php?myp&ccom_index&ashow&modelid13&am…

mysql中数组转list,Arrays.asList(T... a) 不转换基本类型数组值为list

随手总结一下&#xff0c;数组转换为list总结int[] a1 new int[] { 1, 2, 3, 4 };String[] a2 new String[] { "srt1", "srt2", "srt3", "srt4" };System.out.println(a1.getClass().getName() ": " Arrays.asList(a1))…

php swoole process,PHP swoole的process模块创建和使用子进程操作示例

本文实例讲述了PHP swoole的process模块创建和使用子进程操作。分享给大家供大家参考&#xff0c;具体如下&#xff1a;swoole中为我们提供了一个进程管理模块 Process&#xff0c;替换PHP的 pcntl 扩展&#xff0c;方便我们创建进程&#xff0c;管理进程&#xff0c;和进程间的…