> 웹 프론트엔드 > HTML 튜토리얼 > UEditor编辑器上传图片开发流程_html/css_WEB-ITnose

UEditor编辑器上传图片开发流程_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:32:50
원래의
908명이 탐색했습니다.

在ueditor目录下找到uedior.config.js,找到如下三行:

1 ,imageUrl: "<%=path %>/controller.json" //图片上传提交后台对应的地址,路径固定为*/controller.*2 ,imagePath: "<%=path %>/ueditor/" //图片在服务器上的存储目录3 ,imageFieldName: "upload" //后台对应接收image的参数名
로그인 후 복사

或者:

var ueditor = UE.getEditor('myEditor',{    imageUrl: "<%=path %>/servlet/UploadServlet", //图片上传提交后台对应的地址    imagePath: "<%=path %>/ueditor/",  //图片在服务器上的存储目录    imageFieldName: "upload"  //后台对应接收image的参数名});
로그인 후 복사

注意:记得在uedior.config.js配置文件中把"serverUrl"注释掉

在/ueditor/_src/plugins/simpleupload.js文件中,把link = me.options.imageUrlPrefix + json.url; 改为link = getRootPath()+json.url;

最后配置服务器返回的数据格式,这需要这服务器端进行修改。对应于后台接收上传图片的那个controller,返回的格式需如下:

{'url':'60391393848223.jpg','title':'p1999637039.jpg','original':'p1999637039.jpg','state':'SUCCESS'}
로그인 후 복사

注意:url用相对路径,这样就OK了。

//js获取项目根路径,如: http://localhost:8083/uimcardprjfunction getRootPath(){    //获取当前网址,如: http://localhost:8083/uimcardprj/share/meun.jsp    var curWwwPath=window.document.location.href;    //获取主机地址之后的目录,如: uimcardprj/share/meun.jsp    var pathName=window.document.location.pathname;    var pos=curWwwPath.indexOf(pathName);    //获取主机地址,如: http://localhost:8083    var localhostPaht=curWwwPath.substring(0,pos);    //获取带"/"的项目名,如:/uimcardprj    var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);    //return localhostPaht + projectName;    return localhostPaht+"/";}
로그인 후 복사

 

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿