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>“img/car.jpg”是服务器上的一个文件，当您将路径分配给元素时，浏览器会从您的服务器请求该文件。
DirectoryEntry并且DirectoryReader只在客户端上工作。

您需要的是服务器提供一个 API（例如 JSON），允许您从您的服务器（例如您的img目录）请求文件/目录列表。如果您的服务器启用了目录列表，您也可以发送一个带有/imgURL 的简单 HTTP 请求并解析响应。