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. Android Volley彻底解决(三)，定制自己Request

    转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/17612763 经过前面两篇文章的学习,我们已经掌握了Volley各种Request ...

  2. Oracle 11g password过期被锁定报道 ORA-28000 the account is locked

    一.触发这个错误的原因及相关因素 是因为oracle11g中默认在default概要文件里设置了"PASSWORD_LIFE_TIME=180天"所导致.在Oracle 11g中是 ...

  3. Git学习笔记1--Git原理简单介绍

    Git是一个分布式的版本号控制工具,假设想用github等版本号控制系统,核心就是git,以下简介一些git的基础原理,原文:http://git-scm.com/book/en/Getting-St ...

  4. Hadoop-2.4.1学习之Writable及事实上现

    Hadoop基于DataInput和DataOutput实现了简单.高效的序列化协议,而Writable接口定义了Hadoop序列化的方法,MapReduce框架中的不论什么键值类型都实现了该接口,比 ...

  5. jenkins综合cobertura，来电显示cobertura的report

    我的项目是使用maven作为构建工具.左右maven如何整合jenkins请参阅: http://blog.csdn.net/yaominhua/article/details/40684355 本文 ...

  6. JS实现全选，用于界面批量操作向后台传值时使用

    function seltAll(){ var chckBoxSign = document.getElementById("ckb"); //ckb 全选/反选的选择框id va ...

  7. JS自动化测试 单元测试之Qunit

    前言 因为公司开发了一套javascript SDK需要测试,在网上找了很久,找到了JQuery团队开发的QUnit,和基于JUnit的JsUnit,还有一些还没有看,先讲讲QUnit吧 下载 登录J ...

  8. C#　我的注册表操作类

    using System; using System.Collections.Generic; using System.Text; using Microsoft.Win32; using Syst ...

  9. 提高C#编程水平的50个要点　你掌握了多少呢？

    提高C#编程水平的50个要点,程序员都是追求极致的完美主义者,下面的这些注意点和要点,你都掌握运用了多少呢? 总是用属性(Property)来代替可访问的数据成员 在 readonly 和 const ...

  10. leetcode第40题--First Missing Positive

    题目: Given an unsorted integer array, find the first missing positive integer. For example,Given [1,2 ...