用户上传文件时的文件附件

Question

我正在设计一个聊天机器人，当用户想要附加文件（例如 pdf 或 csv）时，他们如何附加输入消息框？ 这是一个示例 csv 文件附件 如何在 vanilla JS 中实现此 UI？这个要怎么设计呢？

Answer 1

我建议您使用

<input type="file" />

，然后您可以通过 css 伪选择器示例来设置您认为合适的输入样式。

或者，如果您要以编程方式进行处理，您可以向您的元素添加一个“onInput”或只是“input”（如果您使用的是纯js）事件监听器，并检查

event.target.files.length

是否大于 1 ，然后你就可以修改你喜欢的样式了。