<script type="text/javascript">
//富文本编辑器初始化
$('#msgWriteAddMsgContent').xheditor({tools:'mini', html5Upload:false,
upMultiple:'1',upImgUrl:"/msg/msgWriteUploadImage.action",
upImgExt:"jpg,jpeg,gif,png",onUpload:insertUpload});
function insertUpload(arrMsg){
console.log(arrMsg);
var i,msg;
for(i=0;i<arrMsg.length;i++)
{
msg=arrMsg[i];
$("#xheImgUrl").append(msg);
$("#imageUrl").attr("value",msg);
}
}
</script>
<textarea id="msgWriteAddMsgContent" name="msgContent" cols="61" rows="14" style="width: 550px" maxlength="1000"></textarea>
在某些情况下xheditor编辑器在第一次可以编辑,但是第二次的时候不能编辑,比如用jquery-UI弹窗中的编辑器就可能会出现此问题,解决方法是在关闭弹窗时用$("#elm").xheditor(false);将xheditor编辑器删除,下次弹窗时重新加载
public void msgWriteUploadImage(){
if (null!=filedata) {
try {
long fileName=System.currentTimeMillis();
String uploadPath = ServletActionContext.getServletContext().getRealPath("/");//项目在tomcat服务器本地部署路径,文件需要有硬盘绝对路径才可存放,并不是workspace的路径
InputStream is=new FileInputStream(filedata);
File outFile = new File(uploadPath+"/uploadImg/"+fileName+".jpg");// 输出文件
String outPathString=outFile.getAbsolutePath();
System.out.println(uploadPath+"/uploadImg/");
OutputStream os = new FileOutputStream(outFile);
byte[] buffer = new byte[1024];
int len = 0;
while ((len=is.read(buffer))!=-1) {
os.write(buffer,0,len);
}
is.close();
os.close();
response.setCharacterEncoding("utf-8");
PrintWriter out=response.getWriter();
out.println("{'err':'','msg':'"+request.getContextPath()+"/uploadImg/"+fileName+".jpg'}");//取项目相对路径
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
}else {
PrintWriter out;
try {
response.setCharacterEncoding("utf-8");
out = response.getWriter();
out.println("{'err':'上传文件为空!!','msg':''}");
} catch (IOException e) {
e.printStackTrace();
}
}
}
相关推荐
在提供的文件列表中,“XheditorUpload”可能是用于存放Xheditor上传图片时的服务器端代码,而“说明.txt”则可能包含详细的步骤说明或者关键配置信息。 总结来说,这个项目是关于如何在ASP.NET环境中利用Xheditor...
本话题主要关注如何在XHEditor在线编辑器下,通过ASP(Active Server Pages)实现远程图片的自动上传到服务器的功能。 首先,XHEditor是一款强大的JavaScript富文本编辑器,它提供了丰富的编辑功能,如文字格式化、...
最后,用户在XHEditor中点击“插入图片”按钮,选择本地图片后,编辑器会自动发起POST请求到设定的`upImgUrl`,并将图片数据作为文件部分上传。服务器接收到请求后,按照上述JSP代码处理图片,保存到服务器,并将...
总结来说,结合xhEditor和Struts2实现图片上传,主要步骤包括:配置xhEditor的上传参数,创建Struts2 Action处理上传请求,处理上传文件并返回结果。这个过程涉及到前端JavaScript交互、HTTP请求处理以及服务器端...
总之,集成xheditor和Struts2进行图片上传涉及到前端编辑器配置、后端Action处理、文件上传拦截器配置以及安全策略的制定。这是一个典型的前后端交互案例,对于理解和实践Web应用开发具有重要价值。通过这个过程,...
XHEditor支持图片和其他文件的上传,这通常需要后端的支持。以下是一个简单的上传示例: 1. **配置上传参数**:在XHEditor的配置项中,可以设置上传的URL、参数等。例如: ```javascript var editor = XHEditor....
- 当用户通过xhEditor上传图片时,会触发`onUpload`回调函数。该函数接收服务器返回的响应信息,通常是以JSON格式的字符串。 - `insertUpload(msg)`函数解析服务器返回的信息,获取图片的名称和路径,并在编辑器内...
【标题】"可以插入本地图片的在线编辑器(xheditor)" 描述了一款名为 xheditor 的在线文本编辑工具,它具有独特的功能,即允许用户上传并插入本地图片到编辑内容中。这一特性在许多网站内容管理系统、论坛或者博客...
用户可以直接复制QQ或其他截图工具截取的图像,并粘贴到xheditor中,编辑器会自动识别并上传这些图片到服务器。这一特性极大地简化了图片上传流程,使得内容创作更为流畅。 在实际应用中,xheditor可以通过自定义...
将这个“xheditor jsp完整实例”部署到Web服务器上,比如Tomcat、Jetty等。部署过程中,确保所有相关的静态资源(JavaScript、CSS、图片等)路径正确,以便浏览器能够成功加载。 6. **XHEditor的使用**: 在JSP...
说明:当localUrlTest测试为false时,会将图片URL发往当前参数指定的服务器端上传接收程序,抓取成功后将本地URL返回并替换 备注:v1.1.8新添加 readTip:无障碍读屏提示 参数值:字符串(默认为空) 说明:无障碍读屏...
在服务器端,XHEditor通常通过Ajax请求与后端进行交互,例如,保存编辑的内容或上传文件。这需要开发者在服务器端设置相应的接收和处理请求的接口。对于Java开发者来说,可能涉及到Servlet或Spring MVC等相关技术。 ...
- **图片上传**:XHEditor支持本地图片上传,但需要开发者自行配置服务器端的接收处理程序。 - **兼容性问题**:在某些老版本的IE浏览器中可能会遇到兼容性问题,可以通过增加Doctype或者调整CSS来解决。 - **...
2. **上传资源**:将解压后的文件夹上传到你的服务器,通常放在项目的静态资源目录下,例如`/assets/xheditor`。 3. **引入XHEditor**:在需要使用XHEditor的ASP页面中,引入XHEditor的JavaScript和CSS文件。在`...
它提供了丰富的编辑功能,包括字体、字号选择、颜色设置、图片上传、链接添加等,使得非程序员也能轻松创建出具有专业水准的网页内容。同时,XHEditor支持多国语言,对于国际化应用十分友好。 二、Java环境下的集成...
upImgUrl: 'upload.php', // 上传图片的URL upImgExt: 'jpg,jpeg,gif,png', // 允许上传的图片扩展名 }); ``` 4. **自定义上传格式** XHEditor允许你自定义上传文件的格式,这可以通过设置`upFileExt`参数实现...
例如,通过扩展工具栏,可以增加图片上传、视频插入等高级功能。此外,还可以通过修改样式文件,自定义编辑器的外观风格,使其更好地融入到网站的整体设计中。 总结,xheditor-1.1.6作为一款成熟的HTML编辑器,以其...
- **图片和文件上传**: 内置上传功能,用户可以直接在编辑器内上传图片和文件,并可配置上传参数,如服务器端处理路径、文件类型限制等。 - **链接管理**: 可以创建、修改和删除超链接,支持URL预览。 - **代码高亮*...
- **图片上传**:xheditor支持图片上传功能,可以通过配置`upimgUrl`参数指定服务器端接收图片的接口。 - **视频插入**:提供视频插入功能,可通过`videoUrl`参数设置视频上传地址。 - **代码高亮**:集成多种...