File System Access API文档汇总(JavaScript操作本地文件)

最新推荐文章于 2024-04-08 09:41:05 发布
最新推荐文章于 2024-04-08 09:41:05 发布
阅读量1.3k 收藏 2
点赞数
分类专栏： javascript 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lidppp/article/details/121418823
版权

最近很多我关注的公众号都在推送vocode网页版的消息, 今天得空, 打开看了一下, 不看不知道一看吓一跳

在我的固有印象中, 在网页中进行读取是可以的, 但是在网页中直接进行写入操作除了IE外是不可能行得通的, 更别提获取文件目录等等操作了

vscode居然可以直接读取目录(当然需要授权)
读取授权

并且读出目录下的文件内容, 甚至还可以进行修改(也需要授权)
修改授权

这引起我极大的好奇心, 在MDN上一番查阅找到了一篇只有英文一种翻译的文档: 文档地址, 上百度和某个404网站进行搜索后发现有一篇国人写的文章:使用 File System Access API 在浏览器里操作本地文件, 以及视频【浏览器】File System Access API 开放浏览器读写文件功能

附上官方开发文档以及兼容性(2021/11/19)
兼容性

如果感兴趣可以去看看上面的内容, 这里就不做摘录了

Lidppp
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
browser-fs-access:在浏览器中具有旧版后备的文件系统访问API
03-22
浏览器-FS-访问该模块使您可以轻松地在... // The imported methods will use the File System// Access API or a fallback implementation.import { fileOpen , directoryOpen , fileSave , supported ,} from 'htt
File System Access API 让浏览器拥有操作本地文件的能力
Web_boom的博客
03-20 920
是一项Web API，允许Web应用程序从用户设备的本地文件系统中读取和写入文件。它提供了一种简单且安全的方法，让用户在不离开Web应用的情况下，从本地文件系统中操作文件。这项API为Web应用程序提供了更多的灵活性和功能，使其更接近于本地应用程序的体验。遵循同源策略，只允许Web应用程序在具有相同源的文件系统上进行操作。当用户使用该API时，会提示用户授权应用程序访问他们的文件系统。如果用户授权，则应用程序可以使用该API访问用户选择的文件和目录。使用将文件从本地文件系统上传到Web应用程序；
File System Access API 浅析
a736755244的博客
07-04 701
File System Access API 下载 自定义位置 文件 相关
File API和File System Access API-浏览器读写文件
最新发布
weixin_48363291的博客
04-08 1000
文件系统 API — 以及通过文件系统访问 API提供的扩展来访问设备文件系统上的文件 — 允许读取、写入和文件管理功能。我们知道，HTML 的 input 表单控件，其 type 属性可以设置为 file，表示这是一个上传控件。这种做法用户体验非常的差，我们无法在客户端对用户选取的文件进行 validate，无法读取文件大小，无法判断文件类型，无法预览。如果是多文件上传，JavaScript 更是回天乏力。但现在有了 HTML5 提供的 File API，一切都不同了。
浏览器也能修改本地文件啦——File System Access API 简单使用
chirpmonster的博客
04-13 5325
前言 很久以来，浏览器都没有修改本地文件的权限，直到chrome 86 起支持File System Access API。 这个 API 允许与用户本地设备或用户可访问的网络文件系统上的文件进行交互，核心功能主要是读取文件、写入或创建文件以及访问文件夹。 历史 事实上，在这个稳定的API之前，历史上有过很多浏览器操作本地文件的尝试。 最早的是 File API，代表功能是 FileReader。 后来，Chrome提供了 File System API。这个 API 能在浏览器里创建一个独立的文件环境，但
File System Access API：文件系统的读取、写入和文件管理
qq_38629292的博客
03-19 1628
相比于本地应用而言，目前在Web应用中对于文件系统的操作一直是比较困难的。然而，在js刚出世时，是可以直接读写所有文件的，这导致当时产生了很多js病毒，带来了很严重的安全问题。后来才禁止了js读写任何文件，这又导致很多功能（比如选择文件并修改保存）基本是无法实现的，只能通过上传、修改、下载等不够流畅的交互来实现。
java7帮助文档
07-01
The directory <Java home>/demo/nio/zipfs/ contains samples that demonstrate the NIO.2 NFS (Network File System) file system. Networking The URLClassLoader.close method has been added; see Closing a ...
JavaScript Tools Guide CS3
08-24
3 File System Access 4 User Interface Tools 5 Interapplication Communication with Scripts 6 External Communication Tools 7 Integrating External Libraries 8 ExtendScript Tools and Features 9 ...
The Craft of System Security
05-22
The Craft of System Security by Sean Smith; John Marchesini List of Figures 1.1 An access control matrix 7 1.2 Security and state spaces 10 2.1 Example clearance order 26 2.2 Example categories ...
file-system-access:公开用户设备上的文件系统，以便Web应用程序可以与用户的本机应用程序进行互操作
05-02
文件系统访问API 在和查看建议。 有关在API表面进行的更改列表，请参阅 ，该列表介于从Chrome 83到Chrome 85的原始试用版和从Chrome 86发行的版本之间。 问题 如今，如果网站想要创建涉及本地文件（文档编辑器，图像压缩器等）的体验，则它们对本机应用程序不利。 网站每次要求用户编辑文件时都必须要求用户重新打开文件。 打开后，该站点只能通过将文件重新下载到“下载”文件夹来保存更改。 相比之下，本机应用程序可以维护最近使用的列表，自动保存以及将文件保存在用户想要的任何位置。 用例 打开本地文件进行读取 打开本地文件进行编辑然后保存 打开本地文件以使用自动保存进行编辑 创建并保存一个新文件 删除现有文件 读取有关文件的元数据 解决方法 从 saveAs() ，但是文件在新窗口中打开，而不是在Safari 6.1+和iOS上下载。 在Edge中，Firefox和Chro
Text Editor-crx插件
04-02
注1：此扩展使用新的文件系统访问API（https://web.dev/file -system-access/）打开并将文件保存到磁盘。但是，如果您的浏览器不支持此新API，它使用 - 下载 - API，而不是将文件保存到磁盘中的默认下载文件夹（打开...
使用File System Access API让浏览器拥有操作本地文件的能力
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
03-13 1269
在早期我们经常听到这样的说法：浏览器是一个沙盒，它不允许我们操作本地文件，但是现在这个说法已经不再适用了，因为我们可以使用 File System Access API 来实现这个功能。什么是 File System Access APIFile System Access API 是一项 Web API，允许 Web 应用程序从用户设备的本地文件系统中读取和写入文件。它提供了一种简单且安全的方法...
使用 File System Access API 让浏览器拥有操作本地文件的能力
油墨香^-^的博客
03-21 1511
本文主要介绍了的基本使用，包括如何获取文件和目录，以及如何操作文件和目录。
使用File System Access API 让浏览器可以操作文件
一步一步的前进
04-17 438
File System Access API 是一项 Web API，允许 Web 应用程序从用户设备的本地文件系统中读取和写入文件。它提供了一种简单且安全的方法，让用户在不离开 Web 应用的情况下，从本地文件系统中操作文件。这项 API 为 Web 应用程序提供了更多的灵活性和功能，使其更接近于本地应用程序的体验。
通过 File System Access API 浏览器 读写本地文件
shengan888的专栏
01-26 1769
代码如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <button id="choose" >选择文件</button> </body> <script> /** * API参考地址：https://developer.mozilla.or
Access利用Windows API打开文件对话框
永远健之
12-19 3638
Option Explicit*------------------------------------------------------------------------* Purpose: 声名打开文件API函数*------------------------------------------------------------------------Private Type O
如何通过fetchAPI的file协议读取本地文件
06-03
使用Fetch API读取本地文件需要使用`file`协议，具体步骤如下： 1. 使用`file`协议构造本地文件的URL，例如：`file:///C:/file.txt`。 2. 使用Fetch API发送`GET`请求，将本地文件URL作为请求URL。 3. 在请求的回调...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值