ueditor修改默认图片保存路径，ueditor根据楼盘ID保存图片路径

最新推荐文章于 2023-12-26 15:34:32 发布

solly793755670

最新推荐文章于 2023-12-26 15:34:32 发布

阅读量381

点赞数

分类专栏： jquery 文章标签： Ueditor

本文链接：https://blog.csdn.net/solly793755670/article/details/113741364

版权

jquery 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

javascript

4 篇文章 0 订阅

订阅专栏

这篇博客主要介绍了如何修改Ueditor中图片的上传路径，并详细阐述了图片请求地址的构建过程，包括默认图片请求路径的定位以及在PHP后端的处理。通过示例代码展示了如何根据houseid和type参数动态生成不同的图片存储路径。

摘要由CSDN通过智能技术生成

原始的图片路径

"imagePathFormat": "/uploads/c_id/image/{yyyy}{mm}{dd}/{time}{rand:6}", 
"imagePathFormat": "/uploads/image/20210207/1612661604861453.jpg",

修改后的图片路径

"imagePathFormat": "/uploads/House/loupan_15/image/20210207/1612661604861453.jpg",

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210207150031279.png
1、图片请求地址

/ueditor/index.html?type=house_pic&houseid=15&action=config&&noCache=1612681644609

在这里插入图片描述
2、默认图片请求路径所在位置

3、给默认图片请求的路径添加点参数

var arr = window.location.pathname.split('/'); //获取浏览器里面的参数 转成json数组格式
//console.log(arr);
    var hurl='';
    for (i=0; i < arr.length; i++) {
        if (arr[i] == 'house_type') {
            hurl = '?type=house_type';
        }
        if (arr[i] == 'house_pic') {
            hurl = '?type=house_pic';
        }
        if (arr[i] == 'house_id') {
            hurl += '&houseid=' + arr[i + 1].split(".",1);
        }
    }   
    //下面那一段
    serverUrl: 'http://'+window.location.host+"/ueditor/index.html"+hurl

4、PHP部分 Ueditor.php
原始PHP

public function index()
	{
                $up = new \ueditor\upload\Upload();
                $up->pre_fix = false;
                $up->option();
        }

修改后的php

public function index()
	{
                $up = new \ueditor\upload\Upload();
                $up->pre_fix = false;
                $houseid = input('get.houseid');
                $type = input('get.type');
                $housePath = $houseid ? '/loupan_' . $houseid : '';
                $typePath = $type ? '/' . $type : '';
                $up->c_id = 'House' . $housePath . $typePath;  //主要是这一段进行替换
                $up->option();
        }

完成版
在这里插入图片描述