ant-design / ant-design/pro-components

🐛 [使用 EditableProTable可编辑列表使用ProFormUploadButton 进行文件图片上传图片上传到后台但是在列表中没有展示]

Open
#9,622 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

### 🐛 bug 描述

### 📷 复现步骤 | Recurrence steps
{
title: '图片',
dataIndex: 'image',
valueType: 'image',
width: '15%',
renderFormItem: (_, { record, onChange }) => (
{
console.log(info);
if (info.file.status === 'done') {
onChange(info.file.response.url);
}
},
action: '', // 设置你的上传接口 URL
}}
value={record.image}
/>
),
}

### 🏞 期望结果 | Expected results

希望可以直接在可编辑列表中进行查看到图片,status可以变成done

### © 版本信息

- Ant Design Pro 版本: ant-design-pro master 版本
- umi 版本
- 浏览器环境 Chrome
- 开发环境 [Windows10]

### 🚑 其他信息

Contributor guide

Open the contributing guide

Research direction

Start with the EditableProTable column's renderFormItem integration with ProFormUploadButton and reproduce the upload flow in Chrome using the provided example. Verify how the uploaded response URL is passed through onChange; done means the image is visible in the editable list and the upload status reaches done.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.