[Upload] 批量文件上传自定义文件名称与批量上传图片添加当前状态

[bubai1125]

这个功能解决了什么问题

1.批量文件上传自定义文件名称：目前文件上传 theme="file-flow" 模式下，有展示文件名称，但无法对文件名称进行修改，导致保存是可能名称上传的就是原始名称，用户需要修改就需要重新上传，如果允许客户修改就方便很多。
2.批量文件上传，自定义formatResponse，判断上传识别后 return {error: file.msg}; 错误信息无体现的地方。建议新增在状态列添加上传错误原因文字提醒。
2.批量上传图片上传前、上传后、上传错误没有明显的变化。

你建议的方案是什么

1.可以这样设置文件名称

3.批量上传图片上传后应该加状态标签与上传错误原因文字提醒。

[github-actions]

👋 @bubai1125，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[chaishi]

1.批量文件上传自定义文件名称：目前文件上传 theme="file-flow" 模式下，有展示文件名称，但无法对文件名称进行修改，导致保存是可能名称上传的就是原始名称，用户需要修改就需要重新上传，如果允许客户修改就方便很多。

描述不对，所有的文件名称都是可以修改的。files=“[{ url, name: ‘xxx' }]” 是一个完全的受控属性，你传的什么 name 就是什么名字。包含的属性有很多，具体可以参看 UploadFile 类型定义。

示例代码：

const files = ref([]);
const onChange = (newFiles) => {
   newFiles[0].name = “你自己定义的任何名字”;
   files.value = newFiles;
}
<t-upload :files=“files” @change=“onChange" />

—————

哦，是我理解不对，你是希望用户去修改，不是开发时的修改。后面确实可以考虑这个功能，需要交互和视觉设计稿，预计实现时间较晚。

当前，你可以先使用 fileListDisplay 完全自定义文件列表，实现自己想要的任何功能。可能这才是更通用长久的方案，想要什么功能都可以自己加。

——

[chaishi]

2.批量文件上传，自定义formatResponse，判断上传识别后 return {error: file.msg}; 错误信息无体现的地方。建议新增在状态列添加上传错误原因文字提醒。

有时候是 批量上传图片 的截图，有时候又是 批量上传文件 的截图，不知道你是想描述哪一个 文件 还是 图片。姑且认为都有，后续会根据两者情况进行调整。

[chaishi]

2.批量上传图片上传前、上传后、上传错误没有明显的变化。

此处描述，有待确认，暂时无法理解文中的没有明显变化是什么意思。暂不处理。

针对图片上传，且为非自动上传模式，仅发现 “待上传” 和 “上传成功” 这 2 个状态接近。（某些业务不需要真实上传，为节约资源只会在提交的时候真正上传；某些业务又是当前操作完成后立即开始上传；涉及到不同业务的取舍，可能需要思考一段时间）

[bubai1125]

1.上面涉及到了文件上传和图片上传。
2.fileListDisplay 我到时候试试看。用户上传个人是觉得需要的，比如文档可能有好几稿，在线修改文件名比本地修改文件名后上传，增加了用户体验
3.上传状态我看了你发的反馈，确实都有了，是我没表述清楚。
4.目前是 批量图片上传 选择文件后的状态 和 点击上传图片成功后的状态是一样的。其实就是手动上传的情况下出现的问题，用户不清楚哪个图片没上传。

[github-actions]

♥️ 有劳 @PengYYYYY @chaishi 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @bubai1125 。

[chaishi]

4.目前是 批量图片上传 选择文件后的状态 和 点击上传图片成功后的状态是一样的。其实就是手动上传的情况下出现的问题，用户不清楚哪个图片没上传。

这个确实需要区分一下，等 @Wen1kang 设计师输出效果图

#3566 中已实现的效果如下图所示，published at v1.6.8 2023-11-07

[chaishi]

3.批量上传图片上传后应该加状态标签与上传错误原因文字提醒。

错误提醒文本已在 Tencent/tdesign-common#1638 中支持 response.error，published at v1.6.8 2023-11-07

[Wen1kang]

这个需要补充设计状态