首页 > 代码库 > UEditor编辑器上传图片开发流程

UEditor编辑器上传图片开发流程

2024-07-04 13:37:48   230人阅读

在ueditor目录下找到uedior.config.js，找到如下三行：

,imageUrl: "<%=path %>/servlet/UploadServlet" //图片上传提交后台对应的地址
,imagePath: "<%=path %>/ueditor/" //图片在服务器上的存储目录
,imageFieldName: "upload" //后台对应接收image的参数名

或者：

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

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

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

{‘url‘:‘60391393848223.jpg‘,‘title‘:‘p1999637039.jpg‘,‘original‘:‘p1999637039.jpg‘,‘state‘:‘SUCCESS‘}

这样就OK了。


联系
我们