> ## Documentation Index
> Fetch the complete documentation index at: https://docs.appminis.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Thư viện hình ảnh

> Hướng dẫn quản lý Thư viện hình ảnh: tải ảnh mới, xem, xóa, và sử dụng nguồn ảnh mẫu từ hệ thống.

## **4.1. Thư viện hình ảnh**

Thư viện hình ảnh là nơi lưu trữ và quản lý tất cả các hình ảnh được sử dụng trong ứng dụng.

<Frame caption="Thư viện hình ảnh">
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image167_efaa8051c7.png"
    alt="Thư viện hình ảnh trong giao diện quản trị"
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title="Thư viện hình ảnh"
  />
</Frame>

**Tải ảnh mới**

<Steps>
  <Step title="Nhấn vào nút Tải ảnh mới">
    Người dùng nhấn vào nút **“Tải ảnh mới”**.

    <Frame caption="Nút Tải ảnh mới">
      <img
        src="https://aimini-upload.sgp1.digitaloceanspaces.com/image210_8700753a74.png"
        alt="Nút Tải ảnh mới trong thư viện hình ảnh"
        style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
        title="Nút Tải ảnh mới"
      />
    </Frame>
  </Step>

  <Step title="Chọn ảnh tải lên">
    Người dùng nhấn **“Tải ảnh lên hoặc chọn ảnh từ thư viện”** để chọn hình ảnh cần thêm.
  </Step>

  <Step title="Xác nhận thêm dữ liệu">
    Người dùng nhấn **“Thêm dữ liệu”** để tiến hành thêm mới,\
    hoặc nhấn **“Hủy bỏ”** để hủy quá trình thêm dữ liệu.
  </Step>
</Steps>

**Xem**

<Steps>
  <Step title="Xem chi tiết hình ảnh">
    Người dùng nhấn <Icon icon="eye" color="#cfcfcf" size={15} /> để **xem chi tiết** hình ảnh.

    <Frame caption="Nút xem hình ảnh">
      <img
        src="https://aimini-upload.sgp1.digitaloceanspaces.com/image108_c62d1fa692.png"
        alt="Nút xem chi tiết hình ảnh trong thư viện"
        style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
        title="Xem hình ảnh"
      />
    </Frame>
  </Step>
</Steps>

**Xóa**

<Steps>
  <Step title="Xóa hình ảnh">
    Người dùng nhấn <Icon icon="trash-can" color="#cfcfcf" size={15} /> để **xóa** hình ảnh.

    <Frame caption="Nút xóa hình ảnh">
      <img
        src="https://aimini-upload.sgp1.digitaloceanspaces.com/image170_30120f526a.png"
        alt="Nút xóa hình ảnh trong thư viện"
        style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
        title="Xóa hình ảnh"
      />
    </Frame>
  </Step>
</Steps>

**Nguồn ảnh**

* **Hình ảnh của tôi**: hiển thị tất cả hình ảnh mà người dùng đã tải lên.
* **Thư viện hình ảnh**: cung cấp hình ảnh mẫu từ hệ thống.

<Frame caption="Thư viện ảnh hệ thống">
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image44_8a6961305a.png"
    alt="Thư viện ảnh mẫu do hệ thống cung cấp"
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title="Thư viện ảnh hệ thống"
  />
</Frame>