dede如何显示图片？

这个标签的作用是： 它会自动解析文章正文中的所有HTML代码，包括 <img> 标签,所以正文里的图片会直接显示出来。

调用自定义字段中的图片

你可能需要在文章中额外上传一些图片，产品图”、“轮播图”等,这时就需要使用自定义字段。

步骤 1：添加自定义字段

1. 在后台进入“核心” -> “内容模型管理” -> 选择你的模型（文章模型”）-> “字段管理”。
2. 点击“添加新字段”。
3. 字段名： 填写一个英文字母，product_img。
4. 字段类型： 选择“图片（单张）”。
5. 保存。

步骤 2：在文章中填写图片值

发布或编辑文章时，你会发现新增了一个“产品图”的输入框,在这里上传你的图片。

步骤 3：在模板中调用

在模板文件（列表页或内容页）中,使用以下标签来调用：

<img src='[field:product_img/]' alt='自定义图片' />

注意： [field:product_img/] 中的 product_img 必须和你刚才设置的“字段名”完全一致。

高级技巧与常见问题

图片路径问题（ 和 ）

你会发现图片路径前面有 ，或者图片无法显示，这和 DedeCMS 的“站点设置”有关。

• 解决方法： 进入后台“系统” -> “系统基本参数” -> “核心设置”，找到“cfg_multi_site”选项。
  • 如果你的网站是根目录安装，将其设置为 N。
  • 如果你的网站在子目录（如 www.yoursite.com/ dedecms/），将其设置为 Y。
  • 设置后，重新生成一下HTML,路径问题通常就能解决。

图片裁剪与缩略图

DedeCMS 自带强大的图片处理功能，可以在调用缩略图时自动生成指定尺寸的图片,避免原图过大导致页面加载缓慢。

使用方法：在 [field:litpic/] 后面加上 style 或 ddimg 参数。

<!-- 方法一：使用 style 参数（推荐） -->
<img src="[field:litpic style='imgwidth=250&imgheight=180&text=/uploads/allimg/240101/1-2401011GK0152.jpg'/]" alt="[field:title/]">
<!-- 方法二：使用 ddimg 参数（旧版） -->
<img src="[field:litpic ddimg='imgwidth=250&imgheight=180'/]" alt="[field:title/]">

参数说明：

• imgwidth=250：设置缩略图宽度为 250px。
• imgheight=180：设置缩略图高度为 180px。
• text='...'：可以给图片加上一个文字水印。

这样，即使你上传的是一张 1000x1000 的大图，DedeCMS 也会自动生成一个 250x180 的小图来显示,大大提升网站性能。

循环调用多张图片（如幻灯片、产品图集）

如果你的自定义字段类型是“图片（多张）”,那么调用方式就和单张图片不同。

1. 添加字段： 和前面一样，但“字段类型”要选择“图片（多张）”。
2. 填写图片： 在后台用逗号 分隔上传多张图片，/uploads/1.jpg,/uploads/2.jpg,/uploads/3.jpg。
3. 模板调用： 使用 {dede:field} 的 array 属性来循环遍历。

<ul class="pic-list">
    {dede:field name='imgurls' function='str_replace(",", "@me", @me)'/}
    {dede:array}
        <li>
            <a href="[field:link/]" target="_blank">
                <img src="[field:value/]" alt="图片" />
            </a>
        </li>
    {/dede:array}
</ul>

代码解释：

• {dede:field name='imgurls' function='str_replace(",", "@me", @me)'/}：这一步很关键，它将用逗号分隔的字符串转换成一个数组，供下面的 {dede:array} 循环使用。
• {dede:array}...{/dede:array}：这是一个循环标签,它会遍历上一步生成的数组。
• [field:value/]：在循环中,它代表当前循环到的单张图片的路径。

希望这份详细的指南能帮助你解决在 DedeCMS 中显示图片的问题！如果还有其他疑问,欢迎随时提问。