xhEditor的环境搭建请参考http://blog.csdn.net/itmyhome1990/article/details/38422255,这时我们打开图片功能 是没有上传按钮的

如果想要出现上传按钮,在xhEditor设置以下参数：

html5Upload : false                     //此属性必须为false

upImgUrl : "ImgUpload.action" //上传服务器接口

onUpload : insertUpload            //服务器返回信息,JSON格式


一、前台代码

<script type="text/javascript">

	$(function() {

		$('#content').xheditor( {

			tools : 'full',      //也可自定义tools,这里为full

			html5Upload : false, //此属性必须为false 否则无法上传图片

			upImgUrl : "ImgUpload.action",

			onUpload : uploadImg

		});

		function uploadImg(data) {

			//...回调函数

		}

	})

</script>
<body>

	<div align="center">

		<textarea rows="20" cols="110" id="content"></textarea>

	</div>

</body>

二、Struts2上传代码 

public class ImgUploadAction extends ActionSupport {

	private String err = "";

	private String msg;              //返回信息

	private File filedata;           //上传文件

	private String filedataFileName; //文件名

	public String imgUpload() {

		//获取response、request对象

		ActionContext ac = ActionContext.getContext();

		HttpServletResponse response = (HttpServletResponse) ac.get(ServletActionContext.HTTP_RESPONSE);

		HttpServletRequest request = (HttpServletRequest) ac.get(ServletActionContext.HTTP_REQUEST);

		response.setContentType("text/html;charset=gbk");

		PrintWriter out = null;

		try {

			out = response.getWriter();

		} catch (IOException e1) {

			e1.printStackTrace();

		}

		String saveRealFilePath = ServletActionContext.getServletContext().getRealPath("/upload");

		File fileDir = new File(saveRealFilePath);

		if (!fileDir.exists()) { //如果不存在 则创建

			fileDir.mkdirs();

		}

		File savefile;

		savefile = new File(saveRealFilePath + "/" + filedataFileName);

		try {

			FileUtils.copyFile(filedata, savefile);

		} catch (IOException e) {

			err = "错误"+e.getMessage();

			e.printStackTrace();

		}

		String fileName = request.getContextPath() + "/upload/" + filedataFileName;

		msg = "{\"err\":\"" + err + "\",\"msg\":\"" + fileName + "\"}";

		out.print(msg); //返回msg信息

		return null;

	}

	public String getErr() {

		return err;

	}

	public void setErr(String err) {

		this.err = err;

	}

	public String getMsg() {

		return msg;

	}

	public void setMsg(String msg) {

		this.msg = msg;

	}

	public File getFiledata() {

		return filedata;

	}

	public void setFiledata(File filedata) {

		this.filedata = filedata;

	}

	public String getFiledataFileName() {

		return filedataFileName;

	}

	public void setFiledataFileName(String filedataFileName) {

		this.filedataFileName = filedataFileName;

	}

}

三、Struts2配置文件 

<struts>

	<package name="build" extends="struts-default">

		<action name="ImgUpload" method="imgUpload"

			class="com.itmyhome.ImgUploadAction">

		</action>

	</package>

</struts>

效果如图：

项目演示源码下载：http://download.csdn.net/detail/itmyhome/7746271

转载请注明出处：http://blog.csdn.net/itmyhome1990/article/details/38491205

xhEditor struts2实现图片上传的更多相关文章

  1. 【HTML5+MVC4】xhEditor网页编辑器图片上传

    准备工作: 创建一个MVC项目中,添加好xhEditor插件 相关用法:http://www.cnblogs.com/xcsn/p/4701497.html 注意事项:xhEditor分为v1.1.1 ...

  2. ASP利用xhEditor编辑器实现图片上传的功能。

    本人这几天在做一个软件,无意中用到xhEditor在线编辑器,这个编辑器虽然看着比较简单,但功能非常强大,大家可以去官网上查看,废话不说了. 这篇文件主要是实现在ASP环境中利用xhEditor编辑器 ...

  3. struts2多图片上传实例【转】

    原文地址:http://blog.csdn.net/java_cxrs/article/details/6004144 描述: 通过struts2实现多图片上传. 我使用的版本是2.2.1,使用的包有 ...

  4. 使用Struts2实现图片上传和拦截器

    今天来分享一个图片上传 现在很多小项目里面基本上都有要显示图片的功能,所以呢图片上传是基本要掌握的啦 一般的图片上传原理就是从本地选择一张图片然后通过io流发布到服务器上去 上传方案基本有三种: 1. ...

  5. DWZ集成的xhEditor编辑器浏览本地图片上传的设置

    有关xhEditor的文件上传配置官方文档链接:http://i.hdu.edu.cn/dcp/dcp/comm/xheditor/demos/demo08.html 一.xhEditor图片上传的配 ...

  6. kindeditor图片上传 struts2实现

    一.kindeditor以及struts2部署搭建不再赘述,如需要请参考kindeditor使用方法 Struts2框架搭建 二.kindeditor图片上传所依赖jar包在kindeditor\js ...

  7. 使用struts2完成ckeditor和图片上传

    代码地址如下:http://www.demodashi.com/demo/12427.html 使用struts2完成ckeditor和ckeditor图片上传 ckeditor版本ckeditor_ ...

  8. xheditor图片上传

    前端步骤:分为三部,这三部做完之后就能正确显示富文本了 1.下载xheditor文件,并按照如下要求进行引入: <!-- xheditor富文本的文件引入 --> <script t ...

  9. jsp\struts1.2\struts2 中文件上传（转）

    jsp\struts1.2\struts2 中文件上传 a.在jsp中简单利用Commons-fileupload组件实现 b.在struts1.2中实现c.在sturts2中实现现在把Code与大家 ...

随机推荐

  1. 【源代码】StringBuilder和StringBuffer震源深度分析

    //------------------------------------------------------------------------ 写篇博客不easy.请尊重作者劳动成果. 转载请注 ...

  2. measureChildren作品

    无论是在改写View依然是ViewGroup什么时候.特别ViewGrop什么时候,通常是不可避免的重写onMeasure方法,我们一定会调用setMeasuredDimension()将測量好的宽高 ...

  3. Server Tomcat v7.0 Server at localhost was unable to start within 45 seconds解

    产生了一个解决这个问题的方法是在项目部署到tomcat比长45第二,当项目是比较大的,框架复杂的问题经常发生. 解决方法非常easy,找到以下这个路径中 workspace\.metadata\.pl ...

  4. Tomcat剖析（三）：连接器(1)

    Tomcat剖析(三):连接器(1) 1. Tomcat剖析(一):一个简单的Web服务器 2. Tomcat剖析(二):一个简单的Servlet服务器 3. Tomcat剖析(三):连接器(1) 4 ...

  5. Android实现“是否退出”对话框和“带图标的列表”对话框

    今天我们学习的内容是实现两种对话框(Dialog),第一种是询问是否退出对话框,另外一种是带图标的列表对话框,程序的执行效果是,我们点击button1的时候,弹出第一种对话框,我们点击button2的 ...

  6. Html5 の 微信飞机大战

    (function () { var imageUrl = "images/"; //获取画布对象 var c = $("#game-box").get(0); ...

  7. foj 2082 树链剖分 第2天

    擦,没啥好说的,这个模板至少得打10遍..纪念自己成功的打错了.. #include <iostream> #include <cstdio> #include <cst ...

  8. 九度oj题目&amp;吉大考研11年机试题全解

    九度oj题目(吉大考研11年机试题全解) 吉大考研机试2011年题目: 题目一(jobdu1105:字符串的反码).    http://ac.jobdu.com/problem.php?pid=11 ...

  9. XFtp中文乱码解决

    异常处理汇总-开发工具  http://www.cnblogs.com/dunitian/p/4522988.html 一张图解决 异常处理汇总:http://www.cnblogs.com/duni ...

  10. mvc之验证IEnumerable<T> 类型，多选框验证

    原文:mvc之验证IEnumerable<T> 类型,多选框验证 假设我们有这么一种需求,我们要同时添加年级和年级下面的多个班级,我们一般会像下面这种做法. Action中我们这样接收: ...