ant-design / ant-design/pro-components
🐛 [使用 EditableProTable可编辑列表使用ProFormUploadButton 进行文件图片上传图片上传到后台但是在列表中没有展示]
- 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
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