dart - 如何使用Dart HTML的DirectoryEntry和DirectoryReader类？

Question

我需要一个在Dart:HTML中使用DirectoryEntry和DirectoryReader类的示例。以下代码从img目录中读取图像文件，并将其作为图像元素加载到浏览器中。

import 'dart:html';

void main() {
  ImageElement image = new ImageElement(src: 'img/car.jpg');
  querySelector('body').append(image);
}

这是我的webapp目录的结构:

我需要动态列出和使用img目录的内容。

Answer 1

“img / car.jpg”是服务器上的文件，当您将路径分配给<img>元素时，浏览器会从服务器请求该文件。DirectoryEntry和DirectoryReader仅在客户端上起作用。

您需要的是服务器提供一个API(例如JSON)，该API可让您从服务器(例如img目录的目录)中请求文件/目录的列表。
如果您的服务器启用了目录列表，则可以选择发送一个以/img作为URL的简单HTTP请求并解析响应。