ThinkCMF使用文本域问题，后台上传图片成功，前台无法显示，图片路径被改变

Myth丶恋晨 2024-04-18 08:38 10阅读 0赞

**使用后台的富文本域上传图片，上传的时候没问题，存储数据库的时候发现路径会少导致图片在前台无法显示！如下：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][2019090409501429.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 1]

> 对比发现少了一个`/upload`，调试加上后图片是可以显示的！  
> 数据库查询发现也是少这个，说明储存的时候被什么过滤掉了！

下来上代码，开始排查错误：  
![在这里插入图片描述][20190904100111177.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 2]

> 去找了`data`这个方法  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 3]

> 第一次

![在这里插入图片描述][20190904101212804.png]

> 第二次

![!\[在这里插入图片描述\](https://img-blog.csdnimg.cn/20190904101159429.png][https_img-blog.csdnimg.cn_20190904101159429.png]

> 根据上面的判断确定了程序走的顺序  
> ![在这里插入图片描述][2019090410253949.png]

> 把`1`和`2`的`exit;`去掉即可得到下面的程序走向

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][20190904103201367.png]  
打印查看，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 6]

> 这里我也纠结了许久，从程序运行顺序这里下手，最后从新整理了思路如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 7]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 8]

> 在此我也是遇到了写瓶颈，纠结许久，但是不阔以放弃！经过朋友指点解了这个小问题，这也算是这框架里的技巧了！  
> 这是在循环中调用了一个方法，而这个方法名是在变量中，如果你单独去看没有什么明显的地方调用过，这样一来代码重用性提高许多，我也第一次遇到这样的，只怪平时不爱读别人代码，O(∩\_∩)O哈哈~以后要多读别人代码了，大神们封装的代码重用性真的很高！

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 9]  
这张只是为了让大家知道他里面写的什么![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 10]  
这个才是上上一张打印结果  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 11]  
然后在编辑器中搜索这个东西：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 12]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 13]  
直接把 `$value` 输出发现问题则就解决了，好的，现在来解释一下他下面这三个php函数的意义也许就知道为什么地址经过该函数就会被过滤掉了。

# 预定义的字符转换为 HTML 实体
    htmlspecialchars_decode($value)

# 特殊的 HTML 实体转换回字符（这个其实和上面的是一对PHP函数）
    htmlspecialchars();

# 这个应该说是他这个框架里封装的了
    # 替换编辑器内容中的文件地址，true:表示把绝对地址换成相对地址,用于数据库保存,false:表示把相对地址换成绝对地址用于界面显示
    cmf_replace_content_file_url(htmlspecialchars_decode($value), true)

其实这个图中就可以发现到底是哪个地方被过滤掉了  
![在这里插入图片描述][20190905130906103.png]  
分别打印的是下面内容：

var_dump(htmlspecialchars_decode($value));
    var_dump(cmf_replace_content_file_url(htmlspecialchars_decode($value), true));

经过去查阅网上的材料发现此函数确实存在有时候会将地址过滤的不完整现象，抱着这颗好奇的心，查看这个函数看看里面封装了什么  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 14]  
更改成下面这样就ok了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 15]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 16]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/6ad51fed35bf40188f829eadaf1f68f3.png
[2019090409501429.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/9266c8b09ecc4432a19ef2dc0b2dce2a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/8c23a41729af40c7af0fccd999663fbf.png
[20190904100111177.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/71d684a9a0f645a580620008baf28df9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/c0e1c5a0cc8c4cd4a3e879a38c770d5b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/4d3129e9ce374465865d7c48421a7574.png
[20190904101212804.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/840022bda89645d794526e4b6704cd65.png
[https_img-blog.csdnimg.cn_20190904101159429.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/aca9b75e896649ccac7789cf25f82079.png
[2019090410253949.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/453f2860adc641baa15ffcc1997d2a30.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/8e67fe89bd264f8593fc056e98f09871.png
[20190904103201367.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/47278bb5f4bc4d83a415df0fec2ee2cc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/c247178b92fa4cb989a1b9a8e0f7f661.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/2a4c542f0a9544bbae2feba4dbe56074.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 7]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/8b7be1cdccb7409cbc42c4d68445e5b3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 8]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/078aa8a2bd3d43c5bc71045233e8f9e8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 9]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/f5d467fdb1b8411680e8994175e77b3a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 10]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/cad8dc3b7bde421e8fdee3d7b6f9c91f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 11]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/3a97d009ae654358b2370bc07491f13e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 12]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/14876d025a6d4f71a798411f0f27d6a4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 13]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/94875e2994124cb5b1404e1bdcd14295.png
[20190905130906103.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/faedd148ae214bc198ed73cd2282e55c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 14]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/a5d72ba130bc448c875f5361d04a2c7e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 15]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/e518ea1c1b6a44279b774aceadefef25.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjk2MTM4_size_16_color_FFFFFF_t_70 16]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/0177166d9af84d27a7affaf7aa2f9fe2.png