ewebeditor使用总结(上传路径权限限制产生的问题)

问题描述

最近接触的项目中有用到ewebeditor，但是在使用此插件的上传图片功能时遇到了问题，点击上传会提示“write”。

image.png

经过分析最后问题定位于上传图片的路径没有读写权限。
因为项目中默认设置图片的上传路径为tomcat下项目根目录下的一个文件夹，然而此时开启tomcat的用户没有这个文件的读写权限，因此没有权限操作，所以前台会提示“write”

image.png

解决办法

由于客户对服务器的安全要求很高，只授予专门的文件路径做上传操作。
因此此时需要去ewebeditor的管理界面修改图片的上传路径和显示路径。
1.首先前端查看插件使用了什么样式

image.png

2.管理页面找到对应样式点击设置

image.png

3.修改路径。此时一共有四种路径格式，此时选择站外绝对全路径。上传路径设置物理上传地址；因为内容路径（上传后img属性中的路径）必须http开头，因此设置为http://localhost/imageUpload/ (上传后img属性中前缀地址) 然后点击提交。此时用nginx将http://localhost/imageUpload/映射到物理上传路径。

路径模式设置说明：
(1)相对路径：指所有的相关上传或自动插入文件路径，编辑后都以"UploadFile/..."或"../UploadFile/..."形式呈现，当使用此模式时，显示路径和内容路径必填，显示路径必须以"/"开头和结尾，内容路径设置中不能以"/"开头。
(2)绝对根路径：指所有的相关上传或自动插入文件路径，编辑后都以"/eWebEditor/UploadFile/..."这种形式呈现，当使用此模式时，显示路径和内容路径不必填。
(3)绝对全路径：指所有的相关上传或自动插入文件路径，编辑后都以"http://xxx.xxx.xxx/eWebEditor/UploadFile/..."这种形式呈现，当使用此模式时，显示路径和内容路径不必填。
(4)站外绝对全路径：当使用此模式时，上传路径必须是实际物理路径，如："c:\xxx"；显示路径为空；内容路径必须以"http"开头。

20191023110455.jpg