如何使用 Flutter for Web 从本地文件中读取内容?

Posted

技术标签:

【中文标题】如何使用 Flutter for Web 从本地文件中读取内容?【英文标题】:How can I read content form a local file with flutter for web? 【发布时间】:2019-11-27 09:15:03 【问题描述】:

我想制作一个类似博客系统的 Flutter Web 应用程序,但是当我使用库 'dart:io' 时,我发现 Flutter for Web 不支持它。 那么,如何使用 Flutter for web 从本地 markdown 文件中读取内容?谢谢! 并为我糟糕的英语道歉。

【问题讨论】:

【参考方案1】:

我在 Flutter Web 示例 repo 上看到了一个示例。

https://github.com/flutter/samples/blob/master/web/github_dataviz/lib/main.dart 检查Future loadGitHubData() async函数。

他们使用了 HttpRequest.getString() 方法。根据此处的文档,理想情况下这是客户端请求。

https://api.dartlang.org/stable/2.4.0/dart-html/HttpRequest-class.html

我不确定这是否是您想要的。如果您只想访问 MD 文件的内容,这应该会有所帮助。但是如果你想把它处理成一个 html 或者你可能必须在你的服务器中做的东西。

【讨论】:

【参考方案2】:

我有同样的问题。我需要将 .svg 文件作为文本读取。这是我的解决方案:

import 'dart:html';


readFile(String path) async 
    var request = await HttpRequest.request(path);
    var response = request.response;

    return response;

注意:

使用的路径:“assets/someImage.svg”

返回:文件内容为字符串

我将这个注释包含在上下文中。

【讨论】:

以上是关于如何使用 Flutter for Web 从本地文件中读取内容?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Flutter Web 上播放本地 mp3?

Map in Flutter for Web - 将数据从 JS 发送到 Flutter for Web

在本地管理 Flutter 应用和 Flutter Web 数据

如何将“Flutter for Web”转换为“Flutter for Mobile”?

为啥我的数据没有在 Flutter for web 中使用 api 从实时数据库中检索

如何从存储中选择多个图像并在 Flutter 和 Flutter Web App 中显示? [关闭]