百度编辑器UM更改图片保存位置和相对地址

首次使用php和百度编辑器经过几天的研究 终于改好了 我用的php版本,其他的语言大同小异

1,更改后端php上传地址  打开php文件下的imageUp.php

修改savePath,和$path变量,图片存放的地址 ,上传默认是保存php文件夹下,所以我使用三个上一层到其他文件

//上传配置
    $config = array(
        //"savePath" => "upload/" ,  
        "savePath" => "../../../s/ibase_t1/",           //存储文件夹//更改上传的地址
        "maxSize" => 1000 ,                   //允许的文件最大尺寸,单位KB
        "allowFiles" => array( ".gif" , ".png" , ".jpg" , ".jpeg" , ".bmp" )  //允许的文件格式
    );
    //上传文件目录
    //$Path = "upload/";
    $Path = "../../../s/ibase_t1/";//更改上传的地址

    //背景保存在临时目录中
    $config[ "savePath" ] = $Path;
    $up = new Uploader( "upfile" , $config );
    $type = $_REQUEST['type'];
    $callback=$_GET['callback'];

    $info = $up->getFileInfo();

2,更改 返回到前端的图片地址链接, 打开php文件下的Uploader.class.php

更改getFileInfo方法下的url地址,

如果不用日期创建文件夹的话,把date( "Ymd" )修改成文价夹名,然后在末尾有个getFolder()方法的date( "Ymd" )改成你的文件夹名

   /**
     * 获取当前上传成功文件的各项信息
     * @return array
     */
    public function getFileInfo()
    {
        return array(
            "originalName" => $this->oriName ,
            "name" => $this->fileName ,
            //"url" => $this->fullName ,
            "url" => "/i/s/ibase_t1/".date( "Ymd" )."/". $this->fileName,//返回前端的地址
            "size" => $this->fileSize ,
            "type" => $this->fileType ,
            "state" => $this->stateInfo
        );
    }

3.打开umeditor.config.js

在140行左右   如果保存相对地址 imagePath后面的url删掉,后台已经返回了全部路径,这里可以不用设置路径,根据你的情况添加。

window.UMEDITOR_CONFIG = {

        //为编辑器实例添加一个路径,这个不能被注释
        UMEDITOR_HOME_URL : URL

        //图片上传配置区
        ,imageUrl:URL+"php/imageUp.php"             //图片上传提交地址
        ,imagePath: ""                    //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置
        ,imageFieldName:"upfile"                   //图片数据的key,若此处修改,需要在后台对应文件修改对应参数

4.更改点击上传的时候保存的地址,打开dialogs>image>image.js

在35行到42行左右, 

        getAllPic: function (sel, $w, editor) {
            var me = this,
                arr = [],
                $imgs = $(sel, $w);

            $.each($imgs, function (index, node) {
                $(node).removeAttr("width").removeAttr("height");

//                if (node.width > editor.options.initialFrameWidth) {
//                    me.scale(node, editor.options.initialFrameWidth -
//                        parseInt($(editor.body).css("padding-left"))  -
//                        parseInt($(editor.body).css("padding-right")));
//                }
                var srcfile = node.src;
                srcfile = srcfile.slice(srcfile.indexOf('ibase_t1'));
                srcfile = "/i/s/"+srcfile;
                return arr.push({
                    //_src: node.src,
                    //src: node.src
                    _src: srcfile,
                    src: srcfile
                });
            });

这样就改好了相对地址和保存的图片路径

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值