废话不说了,直接上代码,代码比较乱,紧体现xheditor与struts1和2的上传,struts2在下一篇文章
第一步:
到官网下载最新版本xheditor插件,或者从附件中下载
第二步:jsp页面
注意:jsp中 代码 html5Upload:false,upMultiple:'1' 这块很重要,屏蔽掉html5上传,现在大部分是IE6,8。IE9才支持html5,其他浏览器百度去
第三部:java代码
UploadForm.java
UploadAction.java
配置文件就不贴了
懒得复制的直接下载附件工程(附件中要引入相关包)
第一步:
到官网下载最新版本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;
}
}
配置文件就不贴了
懒得复制的直接下载附件工程(附件中要引入相关包)