Java 实现 xhEditor 文件上传处理(2)

《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门，即可获取！

1、下载xhEditor最新版本【这里演示的是1.0.0 – RC3】

下载地 址：http://code.google.com/p/xheditor/downloads/list

2、解压压缩 文件 【demo文件夹中可以查看各种形式的配置实例】，将其中的jquery- 1.4.2.min.js、xheditor-zh-cn.min.js【这里暂时使用中文版】以及 xheditor_emot、xheditor_plugins和xheditor_skin三个文件夹拷贝到项目的相应目录。

3、 在相应html文件的head标签结束之前添加：

4、 调用方法有两种：

方法1：在textarea上添加属性： class=“xheditor {skin:‘default’}”，前面主参数也可以是xheditor-mini和xheditor-simple，分别加载迷你和简单工具栏，后面 详细参数可以省略。

【推荐使用】方法2： 在您的页面初始JS代码里加上： $(“#xh_editor”).xheditor();

$(document).ready(function()

$(‘#xh_editor’).xheditor({

tools:‘full’,

skin:‘default’,

upMultiple:false,

upImgUrl: “/servlet/XhEditorUploadServlet”,

upImgExt: “jpg,jpeg,gif,bmp,png”,

onUpload:insertUpload //指定回调函数,需要自己另外在编写函数实现回调处理.

});

});

5、 使用MyEclipse创建Java Web项目

把 下载的xhEditor源代码包中的相关文件拷贝到自己的web目录，可以创建一个文件夹scripts存放。

如下 图所示：

可以看出我们大致需要这几个步骤：

1. 获取xheditor源文件并放置到项目的相应位置。

2. 加入文件上传组件需要的jar包。

3. 指 定文件存放目录ARTICLE_IMG。

4. 创建Servlet文件，并在web.xml中配置路径。

5. 创建并编写基于jquery脚本的xheditor.html文件。

6、 编写HTML或者JSP页面

注意：上述代码基于jquery。upImgUrl属性配置的是图片上传的后台路径，/xheditor /servlet /UploadFileServlet：xheditor属于项目名称，后面的/servlet/UploadFileServlet是web.xml中 配置的servlet地址。

7、 编写后台文件上传处理的Servlet代码

8、web.xml的servlet配置

Java核心架构进阶知识点

面试成功其实都是必然发生的事情，因为在此之前我做足了充分的准备工作，不单单是纯粹的刷题，更多的还会去刷一些Java核心架构进阶知识点，比如：JVM、高并发、多线程、缓存、Spring相关、分布式、微服务、RPC、网络、设计模式、MQ、Redis、MySQL、设计模式、负载均衡、算法、数据结构、kafka、ZK、集群等。而这些也全被整理浓缩到了一份pdf——《Java核心架构进阶知识点整理》，全部都是精华中的精华，本着共赢的心态，好东西自然也是要分享的

内容颇多，篇幅却有限，这就不在过多的介绍了，大家可根据以上截图自行脑补
《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门，即可获取！
不在过多的介绍了，大家可根据以上截图自行脑补
《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门，即可获取！