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

# 圖片上傳使用指南

> 圖片上傳和替換的使用技巧和問題解決方案.

## 使用技巧

### 在聊天中直接上傳圖片

在聊天中直接上傳圖片,AI 會自動插入並設置樣式.

**操作步驟**:

1. 在聊天框中選擇上傳圖片
2. 在提示中說明圖片放置的位置和大小
3. AI 會自動插入並調整樣式

**適用場景**:

* 添加產品圖片
* 插入品牌標識
* 上傳參考設計圖

> 💡 **提示**:可以同時上傳多張圖片,在提示中說明每張圖片的用途.

***

### 使用設計編輯器替換圖片

使用設計編輯器功能,可視化替換圖片,所見即所得.

**操作步驟**:

1. 點擊頂部導航欄的「設計編輯器」按鈕
2. 選擇要替換的圖片佔位符
3. 選擇新圖片完成替換

**優勢**:

* 可視化操作,直觀明了
* 即時預覽效果
* 不需要修改代碼

***

### 專案圖片上傳到 superun storage

將專案圖片上傳到 superun storage,然後在提示中引用儲存路徑.

**操作步驟**:

1. 在 superun storage 中創建儲存桶（如果需要）
2. 上傳圖片檔案
3. 獲取圖片的儲存路徑
4. 在提示中引用路徑

**優勢**:

* 統一管理專案資源
* 便於版本控制
* 提高載入速度

**範例**:

```
使用 superun storage 中的圖片:https://1799444268974080-09e640c9337540adac62ea19f57a7f65.uxa-cdn.com/wmmgnele36.png 作為首頁橫幅
```

如需了解詳細的上傳步驟,檔案管理和 URL 獲取方式,請參考:

<Card title="superun 雲儲存使用指南" icon="database" href="/zh-Hant/superun/integrations/storage" horizontal>
  完整的 superun 雲儲存教程,包含檔案上傳,管理和在應用中使用儲存資源的詳細說明.
</Card>

***

## 問題解決

### 圖片上傳失敗

**問題現象**:

* 後台所有圖片上傳功能全部失敗
* 上傳後無法顯示

**解決方案**:

1. **檢查存儲服務**:確認 superun 中的存儲服務配置是否正確
   * 進入"研發→服務→superun 文件存儲"
   * 檢查存儲服務是否已啟用
2. **使用替代方案**:可以先將圖片上傳到 superun 文件存儲，然後在對話中引用圖片鏈接
3. **使用檢修功能**:點擊"檢修"按鈕，讓係統自動修復上傳功能
4. **重新配置**:在對話中要求重新配置圖片上傳功能

***

### 無法替換圖片

**問題現象**:

* 無法替換頁面中的圖片
* 上傳文件後無法使用

**解決方案**:

1. **使用選擇元素編輯**:點擊"選擇元素編輯"，選中圖片，在對話中提供新圖片地址
2. **使用 superun 文件存儲**:將圖片上傳到 superun 文件存儲，然後在對話中引用圖片鏈接
   * 進入"研發→服務→superun 文件存儲"
   * 上傳圖片文件到文件存儲
   * 獲取圖片鏈接後在對話中使用
3. **使用設計編輯器**:點擊頂部導航欄的"設計編輯器"按鈕，可視化替換圖片
   * 在設計編輯器中，如果選不中圖片，可以右鍵選擇正確的層級元素
   * 選擇圖片後，直接選擇新圖片完成替換
4. **在對話中描述**:截圖標註要替換的圖片位置，在對話中描述替換需求