如何使用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）允许您从服务器（例如您的img目录）请求文件/目录列表。 如果您的服务器启用了目录列表，您也可以使用/img作为URL发送一个简单的HTTP请求并解析响应。