Ueditor如何动态自定义图片上传的路径需要上传到项目目录以外的地方， jsp版的

Ueditor的配置文件有：configjson

其中："imagePathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", / 上传保存路径,可以自定义保存路径和文件名格式 /

这里就是其默认的就是相对于网站的根目录

找到这个 ueditorconfigjs

修改大约 136 137行 ：上传提交地址和修正地址

,imageUrl:URL+"php/imageUpphp"    //上传提交地址

,imagePath:"/"                     //修正地址，引用了fixedImagePath,如有特殊需求，可自行配置

下一步是找到这个 imageUpphp 文件

修改代码：

//上传配置

    $config = array(

        "savePath" => ($path == "1"  "///Uploads" : "/Uploads"),

        "maxSize" => 1000, //单位KB

        "allowFiles" => array("gif", "png", "jpg", "jpeg", "bmp")

    );

其中 “///Uploads” 这个是你的这个imageUpphp文件所要返回站点根目录的层级，“/Uploads”代表 根目录Uploads文件夹。

我把我怕自己的路径贴给你看下，你自己适当的修改一下就可以：

我的根目录是：htdocs  所有文件和文件夹夹都放在这个文件夹下;

修改的第一个文件：htdocs\Public\ueditor\ueditorconfigjs

修改的第二个文件：htdocs\Public\ueditor\php\imageUpphp

上传的放置的位置：htdocs\Uploads\

var URL="/Public/ueditor/"; 改成绝对路径

对比一下这个路径,要改下的,不知道你改了没,不改的话ie7是报错的,谷歌火狐没错误

(function () {

/

编辑器资源文件根路径。它所表示的含义是：以编辑器实例化页面为当前路径，指向编辑器资源文件（即dialog等文件夹）的路径。

鉴于很多同学在使用编辑器的时候出现的种种路径问题，此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。

"相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/ueditor/"这样的路径。

如果站点中有多个不在同一层级的页面需要实例化编辑器，且引用了同一UEditor的时候，此处的URL可能不适用于每个页面的编辑器。

因此，UEditor提供了针对不同页面的编辑器可单独配置的根路径，具体来说，在需要实例化编辑器的页面最顶部写上如下代码即可。当然，需要令此处的URL等于对应的配置。

windowUEDITOR_HOME_URL = "/xxxx/xxxx/";

/

// var URL = windowUEDITOR_HOME_URL ||

var URL="/Public/ueditor/";

(function(){

function PathStack() {

百度ueditor功能非常强大,例如,后台多的上传功能,方便快捷且直观,文字颜色设置更方便, *** 作很人性化同时百度整合了他自身的资源和优势,在编辑器里面插入地图非常方便优点诸多,在此我不一一列举出来,广大站或网站建公司技术人员试了就知道言归正传,介绍asp语言环境如使用ueditor编辑器

方法步骤

下载ueditor编辑器,根据网站编码而定,我这里用的是charset=gb2312" 编码,所以下载GBK编辑

解压后放合适的位置一般是放到根目录下,以便前后台调用

去掉一些不必要的内容(文件和文件夹),精简编辑器,为了方便搬动,精简于最小我是精简单到了197M例如:_examples、_src文件夹去掉，到部署时使用压缩了的editor_alljs文件。根据实际情况，对一般的后台编辑表情也是可以不要的，所以我把表情也去掉了，当然要把前面的调用也去掉，否则会出错。

前期准备工作做好后,开始配置重点文件是:editor_configjs,里面的注释讲得比较详细,路径没有配置好那整个编辑器就会有问题,我的配置如下,下面有部署后的绝对路径参考

在添加和修改面页调用方法也很简单

用网页编辑工具打开百度编辑器这个文件：ueditor/dialogs/image/imagehtml 找到以下代码：

maxNum:32, // 最大上传多少个文件 backgroundUrl:'', //背景,留空默认 listBackgroundUrl:'', //预览图背景，留空默认

buttonUrl:'', //按钮背景，留空默认

compressSide:editoroptionscompressSide, //等比压缩的基准，0为按照最长边，1为按照宽度，2为按照高度

compressLength:editoroptionsmaxImageSideLength, // 能接受的最大边长，超过该值Flash会自动等比压缩

//url:'/server/upload/php/upphp', // 上传处理页面的url地址，用于PHP语言

url:'//server/upload/asp/upasp', // 上传处理页面的url地址，用于ASP语言

// url:/server/upload/asp/upasp', // 上传处理页面的url地址，用于ASP语言

解决方法之二：修改上传路径 打开upasp这个文件。

uploadPath = "///uploadfiles/" '上传保存路径，修改上传路径 ' uploadPath = "E:\UEditor对编辑器\" '上传保存路径

picSize = 500 '允许的文件大小，单位KB picType = "jpg,gif,png,bmp" '允许的格式

由于最近升级了vue-cli4 跟以往的配置方式不一样 导致引用出现很多坑

引入UEditor时样式文件失效 但是确实是引用进去了，并且运行的时候页面上有报错，某个方法没有找到，后面查找资料是webpack将文件进行了处理 导致UEditor引用文件路径失效无法找到，才报的错。下面上解决方法。

首先vue-cli4项目根目录没有webpack配置文件 所以自己创建一个vueconfigjs

vueconfigjs配置文件参考链接： >

参考 百度UEditor在线编辑器

getStyle 获取元素element的某个样式值

UEdomdomUtilsgetStyle(element,name) ⇒ String

第一个参数是元素，第二个参数是需要获取的样式名称

以上就是关于Ueditor如何动态自定义图片上传的路径需要上传到项目目录以外的地方， jsp版的全部的内容，包括:Ueditor如何动态自定义图片上传的路径需要上传到项目目录以外的地方， jsp版的、Thinkphp 中的 ueditor 上传图片的post地址如何修改！ 在线等、百度ueditor not import language file等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！