JSP:Ueditor--上传单独服务器,解决图片上传成功,但提示上传错误

一:下载:安装包

             JSP:Ueditor--上传单独服务器,解决图片上传成功,但提示上传错误_第1张图片

二:图片服务端准备:

   1.解压tomcat

   2.将刚刚下载ueditor包中的config.json,controller.jsp放入ROOT目录下

tomcat目录如下:

JSP:Ueditor--上传单独服务器,解决图片上传成功,但提示上传错误_第2张图片

    3.修改服务端的config.json,controller.jsp

  • config.jsonJSP:Ueditor--上传单独服务器,解决图片上传成功,但提示上传错误_第3张图片
  • controller.jsp

JSP:Ueditor--上传单独服务器,解决图片上传成功,但提示上传错误_第4张图片

      response.setHeader("Access-Control-Allow-Origin", "*");
      response.setHeader("Access-Control-Allow-Headers", "X-Requested-With,X_Requested_With");

      解决跨域问题

三:客户端

1.将下载ueditor包放入项目当中

JSP:Ueditor--上传单独服务器,解决图片上传成功,但提示上传错误_第5张图片

2:添加页面:http://fex.baidu.com/ueditor/#start-submit





    
    ueditor demo



    
 

3:配置ueditor.config.js

JSP:Ueditor--上传单独服务器,解决图片上传成功,但提示上传错误_第6张图片

完事!

4:查看服务端图片:我的目录

JSP:Ueditor--上传单独服务器,解决图片上传成功,但提示上传错误_第7张图片

四:解决服务端上传成功但是图片不显示,并提示上传错误问题:

修改js:

ueditor.all.js

JSP:Ueditor--上传单独服务器,解决图片上传成功,但提示上传错误_第8张图片

 代码:

                // domUtils.on(iframe, 'load', callback);
                // form.action = utils.formatUrl(imageActionUrl + (imageActionUrl.indexOf('?') == -1 ? '?':'&') + params);
                // form.submit();
                var formdata = new FormData(form);
                var arr,reg=new RegExp("(^| )_token=([^;]*)(;|$)");

                var myForm = document.getElementById("myForm");
                var xhr= new XMLHttpRequest();
                xhr.open("POST", me.getOpt('serverUrl')+'?action=uploadimage', true);
                xhr.onreadystatechange = function() {
                    if (xhr.readyState === 4)
                        if ((xhr.status >=200 && xhr.status < 300) || xhr.status == 304)
                            alert(xhr.responseText);
                }
                xhr.send(formdata);

                xhr.onreadystatechange = function () {
                    if(xhr.readyState == 4) {
                        var response = JSON.parse(xhr.responseText);
                        if(response.state=='SUCCESS' ){
                            loader = me.document.getElementById(loadingId);
                            loader.setAttribute('src', me.getOpt('serverUrl')+response.url);
                            loader.setAttribute('_src', me.getOpt('serverUrl')+response.url);
                            loader.setAttribute('title', response.title || '');
                            loader.setAttribute('alt', response.original || '');
                            loader.removeAttribute('id');
                            domUtils.removeClasses(loader, 'loadingclass');
                        }
                    }
                }

 

 

你可能感兴趣的:(JSP:Ueditor--上传单独服务器,解决图片上传成功,但提示上传错误)