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. POJ1201-Intervals(差动限制)

    Intervals Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 20786   Accepted: 7866 Descri ...

  2. Win8.1 Update如何禁用OneDrive同步服务

    原文 Win8.1 Update如何禁用OneDrive同步服务 上周,IT之家为爱好者分享Win8.1 Update如何提高OneDrive上传速度教程.但是,由于国内特殊网络环境,导致微软OneD ...

  3. 【Espruino】NO.15 nRF24L01+无线收发器

    http://blog.csdn.net/qwert1213131/article/details/35853747 本文属于个人理解,能力有限,纰漏在所难免,还望指正! [小鱼有点电] [Espru ...

  4. Android结构分析Android智能指针（两）

    笔者:刘蒿羽 博客:http://blog.csdn.net/liuhaoyutz Android版本号:4.4.2 在上一篇文章中,我们分析了Android智能指针中的强指针sp,本文我们来分析弱指 ...

  5. JS操作cookie的实例

    <script type="text/javascript"> //写cookies函数 function SetCookie(name, value)//两个参数,一 ...

  6. 客户端javascript

    <script> function moveon(){ var answer=confirm("hello,good morning!");//通过弹出对话框询问用户 ...

  7. Node+Express+MongoDB + Socket.io搭建实时聊天应用

    Node+Express+MongoDB + Socket.io搭建实时聊天应用 前言 本来开始写博客的时候只是想写一下关于MongoDB的使用总结的,后来觉得还不如干脆写一个node项目实战教程实战 ...

  8. shell 批量压缩指定文件夹及子文件夹内图片

    shell 批量压缩指定文件夹及子文件夹内图片 用户上传的图片,一般都没有经过压缩,造成空间浪费.因此须要编写一个程序,查找文件夹及子文件夹的图片文件(jpg,gif,png),将大于某值的图片进行压 ...

  9. libvlc media player in C# (part 1)

    原文 http://www.helyar.net/2009/libvlc-media-player-in-c/ There seems to be a massive misconception ab ...

  10. ASP.Net使用母版页窗

    背景:每一个网页的基本框架结构类似: 浏览站点的时候会发现,好多站点中.每一个网页的基本框架都是一样的,比方,最上面都是站点的标题,中间是内容.最以下是站点的版权.开发提供商等信息: watermar ...