---
url: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/integrations/media-library'
title: '从媒体库放置图片 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:18:43+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 将网站媒体库中的照片放在页面上，配一段简短文字。按名称找到图片，勾选并插入，这样每个页面都复用同一批审核通过的图片。这是用图片选择器的推荐方式；仅当您的网站已依赖它时，才使用实体浏览器。
tags:
  - 'Drupal-functies koppelen'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T09:09:48+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 从媒体库放置图片
      description: 将网站媒体库中的照片放在页面上，配一段简短文字。按名称找到图片，勾选并插入，这样每个页面都复用同一批审核通过的图片。这是用图片选择器的推荐方式；仅当您的网站已依赖它时，才使用实体浏览器。
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:18:43+0000'
      dateModified: '2026-10-24T09:09:48+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/integrations/media-library'
      articleSection: 'Drupal-functies koppelen'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/integrations/media-library'
      description: 将网站媒体库中的照片放在页面上，配一段简短文字。按名称找到图片，勾选并插入，这样每个页面都复用同一批审核通过的图片。这是用图片选择器的推荐方式；仅当您的网站已依赖它时，才使用实体浏览器。
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 首页
            item: 'https://dxpr.com/zh-hans'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: zh-hans
---
[Help Center](/zh-hans/node/75)/[Documentation](/zh-hans/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Manage the site](/hc/documentation/learn-dxpr-builder/manage) /[Drupal-functies koppelen](/hc/documentation/learn-dxpr-builder/integrations) # 从媒体库放置图片.

 Learn DXPR BuilderManage the siteDrupal-functies koppelen

   ## In this guide

 Related guides

- [用 Entity Browser 选择图像](/zh-hans/hc/documentation/learn-dxpr-builder/integrations/entity-browser)

将网站媒体库中的照片放在页面上，配一段简短文字。按名称找到图片，勾选并插入，这样每个页面都复用同一批审核通过的图片。这是用图片选择器的推荐方式；仅当您的网站已依赖它时，才使用[实体浏览器](/zh-hans/hc/documentation/learn-dxpr-builder/integrations/entity-browser)。

## 开始之前

- 该 **Media Library** 模块已启用且网站有机器名为以下内容的图像媒体类型 `image`.
- **Browser type** 设为 **Media Library**。您在以下位置找到它 **Media** 版块， [常规设置](/zh-hans/hc/documentation/learn-dxpr-builder/admin/general-settings)。
- 您有 **View media** 权限。

## 设置

1. 点击 **+** 在内容区域中，并从 **Layout** 选项卡，选择 **Section**.
2. 点击 **+** 在版块上并选择 **Row**；它带有两个等宽列。
3. 点击 **+** 在右列中，并从 **Content** 选项卡，选择 **Text**。输入标题，将其设为 **Heading 2**，添加一行并点击 **Save**.
4. 点击 **+** 在左列中并选择 **Image**.
5. 点击 **Select Image**：**Media browser**打开时最新图像在前。
6. 在以下位置输入图片的部分名称 **Name**并点击 **Apply filters**.
7. 勾选图片并点击 **Insert selected**.
8. 打开 **SEO** 面板，输入 **Alt attribute** 并点击 **Save**.

## 您会看到的内容

照片位于左列，文本在旁。媒体条目留在库中，因此其他页面可用同一图片。

该 **Media browser** 比搜索提供更多：

- **Add file**：从您的计算机上传新图像。它加入媒体库供所有人使用
- **Sort by**：最新在前或最旧在前
- **Grid** 或 **Table** 库的视图
- 勾选每张图片。**Insert selected** 会插入所有勾选的图片；只能容纳一张图片的字段只保留第一张。

其他图像字段打开同一浏览器： **Background image**：**Style** 面板，图像列表 **Image carousel** 和 **Marquee**，以及视频封面。**Select video**： **Local video** 元素为视频文件打开它。

## 如果您看不到媒体浏览器

- **显示的是普通上传按钮，而非 Select Image。** **Browser type** 设为 **Basic file upload**。选择 **Media Library** 在 **Media**： `/admin/dxpr_studio/dxpr_builder/settings`.
- **浏览器显示 "Media Library is not enabled"。**Media Library 模块未启用。请在 **Extend** (`/admin/modules`) 下启用它。
- **浏览器显示 "Access denied"。** 您的角色缺少 **View media**。在以下位置授予它 **People** > **Permissions** (`/admin/people/permissions`).
- **没有 Add file 表单。** 您的角色可能无法创建图像媒体。授予 **Image: Create new media** 在同一权限页面上。

## 接下来做什么？

[高级媒体选择的实体浏览器](/zh-hans/hc/documentation/learn-dxpr-builder/integrations/entity-browser) 以继续探索 DXPR Builder。