【问题标题】:To read and Write File in Flutter Web在 Flutter Web 中读写文件
【发布时间】:2019-12-02 14:10:41
【问题描述】:

我正在研究flutter-web,我想在flutter-web中进行文件操作(读写)。 对于 Android 和 IOS,我使用的是 path_provider 依赖项。但在flutter-web中不支持。

谁能帮我解决这个问题。举个例子会更有帮助。

谢谢

【问题讨论】:

标签: flutter dart flutter-web


【解决方案1】:

接受的答案并不完全正确。是的,dart:io 在网络上不可用,但仍然可以读取文件。您可以通过系统的文件选择器选择一个文件,然后再阅读。 “写入”文件的一个简单选项是向用户发送自动下载。

阅读
使用此库选择文件:pub.dev/packages/file_picker (Web migration guide)

import 'dart:html' as webFile;
import 'package:file_picker_web/file_picker_web.dart' as webPicker;

if (kIsWeb) {
   final webFile.File file = await webPicker.FilePicker.getFile(
      allowedExtensions: ['pd'],
      type: FileType.custom,
   );
  
   final reader = webFile.FileReader();
   reader.readAsText(file);

   await reader.onLoad.first;

   String data = reader.result;
}

写入(也称为下载):

import 'dart:html' as webFile;

if (kIsWeb) {
   var blob = webFile.Blob(["data"], 'text/plain', 'native');

   var anchorElement = webFile.AnchorElement(
      href: webFile.Url.createObjectUrlFromBlob(blob).toString(),
   )..setAttribute("download", "data.txt")..click();
}

【讨论】:

【解决方案2】:

在 dart 文档中已经解释过... dart:io 不适用于 web 构建...这意味着您无法直接访问 flutter web 中的系统文件。构建将失败..您需要删除代码才能运行它

这是一个安全问题.. js 也不允许它.. 想象一个网站,如果您访问它可以读取您的所有系统文件.. 这就是为什么不允许路径读取或文件读取之类的事情.. 它颤振也一样

希望你有答案

【讨论】:

  • 谢谢你。你知道同样的安全预防措施是否适用于 Flutter Windows?
【解决方案3】:

在 Flutter web 出现之前,我专门为此创建了一个包。 https://pub.dev/packages/async_resource

它将事物视为网络资源(通常通过 HTTP)或本地资源,例如文件、本地存储、服务工作人员缓存或共享首选项。

这不是世界上最简单的事情,但它确实有效。

【讨论】:

  • 看起来很有希望,但你的依赖有点过时了。
【解决方案4】:

“dart:indexed_db 库”怎么样,可以使用 IndexedDB 存储结构化数据,例如图像、数组和地图。 “Window.localStorage”只能存储字符串。

dart:indexed_db

Window.localStorage

【讨论】:

    猜你喜欢
    • 2020-09-24
    • 2019-06-04
    • 1970-01-01
    • 2021-10-02
    • 2020-04-01
    • 2020-03-22
    • 2021-05-13
    • 2021-05-13
    • 1970-01-01
    相关资源
    最近更新 更多