> ## 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="/superun/integrations/storage" horizontal>
  完整的 superun 文件存储教程,包含文件上传,管理和在应用中使用储存资源的详细说明.
</Card>

***

## 问题解决

### 图片上传失败

**问题现象**:

* 后台所有图片上传功能全部失败
* 上传后无法显示

**解决方案**:

1. **检查存储服务**:确认 superun 中的存储服务配置是否正确
   * 进入"研发→服务→superun 文件存储"
   * 检查存储服务是否已启用
2. **使用替代方案**:可以先将图片上传到 superun 文件存储，然后在对话中引用图片链接
3. **使用检修功能**:点击"检修"按钮，让系统自动修复上传功能
4. **重新配置**:在对话中要求重新配置图片上传功能

***

### 无法替换图片

**问题现象**:

* 无法替换页面中的图片
* 上传文件后无法使用

**解决方案**:

1. **使用选择元素编辑**:点击"选择元素编辑"，选中图片，在对话中提供新图片地址
2. **使用 superun 文件存储**:将图片上传到 superun 文件存储，然后在对话中引用图片链接
   * 进入"研发→服务→superun 文件存储"
   * 上传图片文件到文件存储
   * 获取图片链接后在对话中使用
3. **使用设计编辑器**:点击顶部导航栏的"设计编辑器"按钮，可视化替换图片
   * 在设计编辑器中，如果选不中图片，可以右键选择正确的层级元素
   * 选择图片后，直接选择新图片完成替换
4. **在对话中描述**:截图标注要替换的图片位置，在对话中描述替换需求