file-io - 如何在飞镖中读取带有过滤器对话框的文件？

Question

我只在服务器端找到文件读取 API。我应该如何使用过滤器对话框在客户端读取文件？

谢谢！

Answer 1

您可以使用带有接受属性的 HTML 文件输入来限制文件类型：

<input id="fileSelect" type="file" name="file" accept="image/*">

然后您可以使用更改事件监听用户选择文件：

Element fileSelect = query("#fileSelect");
fileSelect.onChange.listen( (event) => print('${event.target.files[0].name}'));

event.target.files是一个FileList对象。