`
start_p
  • 浏览: 66537 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

xheditor上传图片到服务器

阅读更多
<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="width550pxmaxlength="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();
            }
        }
    }
分享到:
评论

相关推荐

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

    在提供的文件列表中,“XheditorUpload”可能是用于存放Xheditor上传图片时的服务器端代码,而“说明.txt”则可能包含详细的步骤说明或者关键配置信息。 总结来说,这个项目是关于如何在ASP.NET环境中利用Xheditor...

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

    本话题主要关注如何在XHEditor在线编辑器下,通过ASP(Active Server Pages)实现远程图片的自动上传到服务器的功能。 首先,XHEditor是一款强大的JavaScript富文本编辑器,它提供了丰富的编辑功能,如文字格式化、...

    xheditor编辑器实现图片上传

    最后,用户在XHEditor中点击“插入图片”按钮,选择本地图片后,编辑器会自动发起POST请求到设定的`upImgUrl`,并将图片数据作为文件部分上传。服务器接收到请求后,按照上述JSP代码处理图片,保存到服务器,并将...

    xhEditor struts2实现图片上传

    总结来说,结合xhEditor和Struts2实现图片上传,主要步骤包括:配置xhEditor的上传参数,创建Struts2 Action处理上传请求,处理上传文件并返回结果。这个过程涉及到前端JavaScript交互、HTTP请求处理以及服务器端...

    xheditor集成struts2上传图片

    总之,集成xheditor和Struts2进行图片上传涉及到前端编辑器配置、后端Action处理、文件上传拦截器配置以及安全策略的制定。这是一个典型的前后端交互案例,对于理解和实践Web应用开发具有重要价值。通过这个过程,...

    JQuery+XHEditor例子(含上传)

    XHEditor支持图片和其他文件的上传,这通常需要后端的支持。以下是一个简单的上传示例: 1. **配置上传参数**:在XHEditor的配置项中,可以设置上传的URL、参数等。例如: ```javascript var editor = XHEditor....

    xhEditor文件上传的Java实现.pdf

    - 当用户通过xhEditor上传图片时,会触发`onUpload`回调函数。该函数接收服务器返回的响应信息,通常是以JSON格式的字符串。 - `insertUpload(msg)`函数解析服务器返回的信息,获取图片的名称和路径,并在编辑器内...

    可以插入本地图片的在线编辑器(xheditor)

    【标题】"可以插入本地图片的在线编辑器(xheditor)" 描述了一款名为 xheditor 的在线文本编辑工具,它具有独特的功能,即允许用户上传并插入本地图片到编辑内容中。这一特性在许多网站内容管理系统、论坛或者博客...

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

    用户可以直接复制QQ或其他截图工具截取的图像,并粘贴到xheditor中,编辑器会自动识别并上传这些图片到服务器。这一特性极大地简化了图片上传流程,使得内容创作更为流畅。 在实际应用中,xheditor可以通过自定义...

    xheditor jsp完整实例

    将这个“xheditor jsp完整实例”部署到Web服务器上,比如Tomcat、Jetty等。部署过程中,确保所有相关的静态资源(JavaScript、CSS、图片等)路径正确,以便浏览器能够成功加载。 6. **XHEditor的使用**: 在JSP...

    xheditor-1.1.14

    说明:当localUrlTest测试为false时,会将图片URL发往当前参数指定的服务器端上传接收程序,抓取成功后将本地URL返回并替换 备注:v1.1.8新添加 readTip:无障碍读屏提示 参数值:字符串(默认为空) 说明:无障碍读屏...

    xheditor的使用

    在服务器端,XHEditor通常通过Ajax请求与后端进行交互,例如,保存编辑的内容或上传文件。这需要开发者在服务器端设置相应的接收和处理请求的接口。对于Java开发者来说,可能涉及到Servlet或Spring MVC等相关技术。 ...

    xheditor1.1.14

    - **图片上传**:XHEditor支持本地图片上传,但需要开发者自行配置服务器端的接收处理程序。 - **兼容性问题**:在某些老版本的IE浏览器中可能会遇到兼容性问题,可以通过增加Doctype或者调整CSS来解决。 - **...

    asp版xheditor安装教程(测试通过,图文并茂)

    2. **上传资源**:将解压后的文件夹上传到你的服务器,通常放在项目的静态资源目录下,例如`/assets/xheditor`。 3. **引入XHEditor**:在需要使用XHEditor的ASP页面中,引入XHEditor的JavaScript和CSS文件。在`...

    xheditor for java

    它提供了丰富的编辑功能,包括字体、字号选择、颜色设置、图片上传、链接添加等,使得非程序员也能轻松创建出具有专业水准的网页内容。同时,XHEditor支持多国语言,对于国际化应用十分友好。 二、Java环境下的集成...

    最好最轻便的编辑器xheditor简易配置实例

    upImgUrl: 'upload.php', // 上传图片的URL upImgExt: 'jpg,jpeg,gif,png', // 允许上传的图片扩展名 }); ``` 4. **自定义上传格式** XHEditor允许你自定义上传文件的格式,这可以通过设置`upFileExt`参数实现...

    xheditor-1.1.6

    例如,通过扩展工具栏,可以增加图片上传、视频插入等高级功能。此外,还可以通过修改样式文件,自定义编辑器的外观风格,使其更好地融入到网站的整体设计中。 总结,xheditor-1.1.6作为一款成熟的HTML编辑器,以其...

    xheditor 编辑器

    - **图片和文件上传**: 内置上传功能,用户可以直接在编辑器内上传图片和文件,并可配置上传参数,如服务器端处理路径、文件类型限制等。 - **链接管理**: 可以创建、修改和删除超链接,支持URL预览。 - **代码高亮*...

    xheditor文本编辑器插件制作html编辑器使用代码

    - **图片上传**:xheditor支持图片上传功能,可以通过配置`upimgUrl`参数指定服务器端接收图片的接口。 - **视频插入**:提供视频插入功能,可通过`videoUrl`参数设置视频上传地址。 - **代码高亮**:集成多种...

Global site tag (gtag.js) - Google Analytics