`

xheditor集成struts1上传图片

strutsxheditorjavastruts1struts2 
阅读更多
废话不说了，直接上代码，代码比较乱，紧体现xheditor与struts1和2的上传，struts2在下一篇文章
第一步：
到官网下载最新版本xheditor插件，或者从附件中下载
第二步：jsp页面
注意：jsp中 代码 html5Upload:false,upMultiple:'1' 这块很重要，屏蔽掉html5上传，现在大部分是IE6,8。IE9才支持html5，其他浏览器百度去 
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    basePath = basePath.substring(0, (basePath.lastIndexOf("/") == basePath.length() - 1) ? basePath.lastIndexOf("/") : basePath.length());

session.setAttribute("basePath",basePath+"/");
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
	<script src="<%=basePath %>/scripts/xheditor/jquery/jquery-1.4.4.min.js" type="text/javascript"></script>
	<script src="<%=basePath %>/scripts/xheditor/xheditor-1.1.14-zh-cn.min.js" charset="utf-8" type="text/javascript"></script>
  </head>
  
  <body>
<textarea id="elm1" name="elm1" style="width:860px;height:180px;background:url(img/demobg.jpg) no-repeat right bottom fixed">Hello xhEditor!<br />拖动你电脑中的图片到这里，体验HTML5批量拖放上传的强大功能</textarea><br /><span style="color:#ccc;">编辑区域中按快捷键Ctrl+Enter提交表单</span><br /><br />
  </body>
  <script type="text/javascript">
  jQuery(document).ready(function(){
  $(pageInit);
	var editor;
function pageInit()
{
	editor=$('#elm1').xheditor({html5Upload:false,upMultiple:'1',upLinkUrl:'demos/upload.php?immediate=1',upImgUrl:'/struts1_xheditor/upload.do?immediate=1',upFlashUrl:'demos/upload.php?immediate=1',upMediaUrl:'demos/upload.php?immediate=1',localUrlTest:/^https?:\/\/[^\/]*?(xheditor\.com)\//i,remoteImgSaveUrl:'demos/saveremoteimg.php',emots:{
		msn:{name:'MSN',count:40,width:22,height:22,line:8},
	},loadCSS:'<style>pre{margin-left:2em;border-left:3px solid #CCC;padding:0 1em;}</style>',shortcuts:{'ctrl+enter':submitForm}});
}

function submitForm(){$('#frmDemo').submit();}
});
  </script>
</html>


第三部:java代码
UploadForm.java 

package com.yourcompany.struts.form;

import javax.servlet.http.HttpServletRequest;
import org.apache.struts.action.ActionErrors;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.upload.FormFile;

public class UploadForm extends ActionForm {

	private FormFile filedata;

	public ActionErrors validate(ActionMapping mapping,
			HttpServletRequest request) {
		// TODO Auto-generated method stub
		return null;
	}

	public void reset(ActionMapping mapping, HttpServletRequest request) {
		// TODO Auto-generated method stub
	}

	public FormFile getFiledata() {
		return filedata;
	}

	public void setFiledata(FormFile filedata) {
		this.filedata = filedata;
	}
}

UploadAction.java 
/*
 * Generated by MyEclipse Struts
 * Template path: templates/java/JavaClass.vtl
 */
package com.yourcompany.struts.action;

import java.io.IOException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.upload.FormFile;
import com.yourcompany.struts.form.UploadForm;

/** 
 * MyEclipse Struts
 * Creation date: 09-12-2012
 * 
 * XDoclet definition:
 * @struts.action validate="true"
 */
public class UploadAction extends Action {
	/*
	 * Generated Methods
	 */
	public ActionForward execute(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response) throws IOException {
		// TODO Auto-generated method stub
		
		//form里面可以定义其他的属性 
		/**
		 *    filedataFileName; err;msg; message; fileExt = "jpg,jpeg,gif,bmp,png";  
		 */
		UploadForm f=(UploadForm) form;
		//这里能获取ajax上传过来的文件
		FormFile fi=f.getFiledata();
		//接下来的事情，就是把文件写到服务器，至于怎么写，这应该不用说了吧…………大家多思考，多插资料，多动手
		//这里注意的是，返回的时候，返回json格式的，自己拼或者jsonObject都可以，如果错误就写在err里面，msg写上传的路径，xheditor会接受这个路径然后插入编辑器中
		response.getOutputStream().print("{\"err\":\"\",\"msg\":\"!111.jpg\"}");
		return null;
	}
}

  配置文件就不贴了
懒得复制的直接下载附件工程（附件中要引入相关包）
分享到：
| oracle调用java文件以及导入需要的jar包
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    xheditor集成struts2上传图片

    本案例涉及的是将xheditor富文本编辑器与Struts2框架整合，实现图片上传功能。xheditor是一款强大的JavaScript在线编辑器，提供了丰富的文本编辑功能，而Struts2是一个流行的Java Web框架，用于构建MVC（模型-视图-...

    xhEditor struts2实现图片上传

    本文将详述如何使用xhEditor与Struts2框架相结合，实现图片上传功能。xhEditor是一款开源的JavaScript富文本编辑器，它提供了丰富的编辑功能，如字体样式设置、颜色调整、图片和文件上传等。而Struts2则是一个强大的...

    xheditor编辑器实现图片上传

    本篇文章将详细讲解如何结合JQuery和JSP实现XHEditor的图片上传功能。 首先，我们需要了解XHEditor的基本用法。XHEditor是基于jQuery的，因此在项目中必须先引入jQuery库。在HTML页面中，通过`&lt;script&gt;`标签引入...

    ASP.NET应用Xheditor上传图片 jquery-1.11.0

    3. **使用jQuery进行异步上传**：在Xheditor的配置中，设置图片上传的触发事件，使用jQuery的`$.ajax`或`$.post`方法发送POST请求，将图片数据上传到服务器。 4. **返回结果**：服务器处理完图片上传后，返回一个...

    struts1_xheditor web编辑器源代码

    在使用Struts1_XHeditor时，开发者需要注意以下几点： 1. **集成步骤**：首先，需要将XHeditor的JavaScript和CSS文件引入到项目中，确保在用户端可以正常加载。然后，在Struts1的表单（ActionForm）中定义对应的...

    在xheditor在线编辑器下，ASP提交远程图片自动上传到服务器

    1. **捕获用户操作**：在XHEditor的配置中，设置图片上传的相关参数，比如启用远程图片抓取功能，并设定相应的服务器端处理脚本。 2. **服务器端处理**：当用户在编辑器中插入远程图片URL时，XHEditor会向服务器...

    Struts 架构下使用XhEditor

    3. 在JSP页面中使用Struts标签初始化XhEditor，并绑定Action的属性。 4. 配置文件上传支持，处理上传请求的Action。 5. 在展示页面中读取并显示编辑的内容。 通过以上步骤，我们可以在Struts项目中成功集成XhEditor...

    xhEditor编缉器下使用java上传的类文件

    xhEditor编缉器，用于java开发时，上传文件，同时解决了在火狐上使用时报错的问题，主要是因为火狐上传时使用的是HTML5,如何解决请花1分吧！！ 记得把xheditor里的上传改成servlet的路径呀！！

    可以插入本地图片的在线编辑器（xheditor）

    为了实现这一功能，xheditor 内部可能集成了自定义的服务器端处理逻辑，例如这里提到的 `UploadLocalPicAction.java` 文件，很可能就是用于处理图片上传的Java代码。 【标签】"xheditor" 和 "在线编辑器" 是对这个...

    JQuery+XHEditor例子(含上传)

    本实例将详细介绍如何在项目中集成和使用XHEditor，以及实现文件上传功能。 首先，**XHEditor** 是一个高效且强大的富文本编辑器，它提供了许多常见的编辑功能，如字体样式、颜色设置、插入图片和链接等。由于其...

    xhEditor文件上传的Java实现.pdf

    xhEditor文件上传的Java实现提供了一种灵活、易用的在线富文本编辑器解决方案，支持图片上传、文件上传等多种功能。开发者可以根据需要，选择合适的编辑器插件和参数设置，实现个性化的编辑器功能。

    xheditor 在线编辑器jsp/ava实现版

    视频上传通常涉及到文件大小限制、格式转换和流媒体服务的集成，xheditor可能已经考虑到了这些因素，以确保视频内容能够顺畅地在网页上播放。 **远程抓图上传**是一个非常实用的功能，尤其对于那些经常使用屏幕截图...

    xheditor jsp完整实例

    总的来说，“xheditor jsp完整实例”是一个演示如何在JSP项目中集成并使用XHEditor的示例，帮助开发者快速理解和应用这一富文本编辑器。通过学习这个实例，你可以了解到如何在实际项目中实现动态网页的文本编辑功能...

    jquery.xheditor和jquery,uploadify实现文件上传完整实例

    jquery xheditor是jquery中较好的编辑器插件,而jquery.uploadify也是jquery实现文件上传很优秀的插件,本项目实例解决了两个插件文件上传的问题,对于应用学习两个插件,实现文件上传,具有很好的参考价值,同时本例子是...

    用于xheditor编辑器上传功能的配置文件

    用于xheditor编辑器上传功能的配置文件 upload.aspx，直接下载拷贝到项目根目录下即可。 里面的该行： string attachdir ="../upload"; 是上传路径，根据实际引用xheditor的页面位置，要进行相应的修改，要不然无法...

    xheditor 在线编辑器

    此外，XHEditor还提供了一些插件，如上传图片、附件管理等，这些插件可以通过简单的配置实现更强大的功能。 4. **安全与优化** 为了防止XSS攻击，XHEditor内置了HTML过滤机制，可以对用户输入的内容进行安全处理，...

    xheditor实例

    开发者可以通过查看这个示例，了解如何在实际项目中集成和使用xheditor。 集成xheditor的步骤大致如下： 1. **引入资源**：在HTML文件中添加xheditor的CSS和JavaScript文件引用。 2. **创建编辑器容器**：在HTML中...

    xhEditor实现插入代码功能

    《xhEditor实现插入代码功能详解》 在Web开发中，编辑器是不可或缺的一部分，它为用户提供了方便的文本输入和格式化功能。xhEditor是一款功能强大的富文本编辑器，广泛应用于各种在线编辑场景。本文将深入探讨如何...

    xhEditor在线编辑器完整实例

    它包含了xhEditor的核心功能，如文本格式化、图片上传、链接插入等，开发者可以通过它深入理解编辑器的工作原理并进行自定义扩展。 xhEditor的特点包括但不限于： - **多语言支持**：xhEditor支持多种语言，便于...

Magicbox
Global site tag (gtag.js) - Google Analytics