织梦如何调用上传图片集合？

进阶：限制显示图片数量

默认情况下，{dede:img} 会调用文章中所有的图片，如果你只想显示前2张或前3张，可以使用 row 属性：

{dede:img row='2' text=''}
  <a href="[field:arcurl/]"><img src="[field:src/]" alt="[field:text/]" /></a>
{/dede:img}

这样,每篇文章最多只会显示2张图片。

页调用

在文章详情页（article_article.htm）调用图片集合,通常用于制作大图集展示。

步骤 1：修改文章内容模板

打开文章详情模板文件，/templets/default/article_article.htm。

在合适的位置（比如标题下方、内容上方）加入以下代码：

<h1>[field:title/]</h1>
<!-- 调用文章中的图片集合，并做成一个列表 -->
<div class="article-gallery">
  <h3>文章图集</h3>
  <ul>
    {dede:img text=''}
      <li>
        <a href="[field:src/]" title="[field:text/]">
          <img src="[field:imgsrc/]" alt="[field:text/]" />
        </a>
        <p class="img-description">[field:text/]</p>
      </li>
    {/dede:img}
  </ul>
</div>
<!-- 原文内容 -->
<div class="article-content">
  [field:body/]
</div>

代码解析：

• 这里的 {dede:img} 用法和列表页一样，因为它在 {dede:field} 的上下文中,默认会解析当前文章的内容。
• [field:src/] 作为 <a> 标签的链接,用户点击可以查看高清大图。
• [field:imgsrc/] 作为 <img> 标签的 src，显示缩略图,加载更快。
• [field:text/] 显示图片的描述文字。

使用自定义SQL调用（灵活但需谨慎）

如果你想不受限于文章列表，比如在首页某个特定位置调用全站最新的带图集的文章,你可以使用自定义SQL查询。

步骤 1：编写SQL

你需要查询 dede_archives 表获取文章ID，然后根据ID去 dede_addonarticle 表（如果文章模型是“文章”）获取内容，最后再用 {dede:img} 标签解析。

注意：直接操作数据库有风险,请务必先备份！

示例代码（在首页模板 index.htm 中使用）：

{dede:sql sql='
    SELECT a.id, a.title, a.arcurl, b.body 
    FROM dede_archives AS a 
    LEFT JOIN dede_addonarticle AS b ON a.id = b.aid 
    WHERE b.body LIKE "{dede:img}%" 
    ORDER BY a.pubdate DESC 
    LIMIT 5
'}
  <div class="featured-article">
    <h3><a href="[field:arcurl/]">[field:title/]</a></h3>
    <div class="gallery">
      {dede:img text='' row='1'}
        <a href="[field:arcurl/]"><img src="[field:imgsrc/]" alt="[field:text/]" /></a>
      {/dede:img}
    </div>
  </div>
{/dede:sql}

代码解析：

1. dede:sql: 执行自定义SQL查询。
2. WHERE b.body LIKE "{dede:img}%": 这是一个小技巧，用来筛选出内容中包含图片集合的文章,提高查询效率。
3. LIMIT 5: 只调用最新的5篇文章。
4. 在 {dede:sql} 循环内部，我们同样使用了 {dede:img} 来解析 body 字段中的图片，这里的 body 是我们通过SQL查询出来的。

常见问题与注意事项 (FAQ)

Q1: 为什么我调用出来的图片是乱码或者不显示？ A1: 最常见的原因是：

• 标签位置错误：确保 {dede:img} 标签在 {dede:arclist} 或 {dede:field} 的内部。
• 文章中没有图片集合：确认你调用的文章内容里确实使用了 {dede:img} 标签插入了图片，而不是直接用 <img>
• 路径问题：检查 [field:src/] 或 [field:imgsrc/] 输出的路径是否正确。

{dede:img row='3' text=''}
  <img src="[field:imgsrc/]" alt="[field:text/]" class="my-custom-class" />
{/dede:img}