js读写本地文件怎么用 前端获取本地文件流

【js读写本地文件怎么用 前端获取本地文件流】出于安全和隐私的原因,web 应用程序不能直接访问用户设备上的文件 。如果需要读取一个或多个本地文件,可以通过使用input file和FileReader来实现 。在这篇文章中,我们将通过一些例子来看看它是如何工作的 。
文件操作的流程获取文件由于浏览器中的 JS 无法从用户的设备访问本地文件,我们需要为用户提供一种方法来选择一个或多个文件供我们使用 。这可以通过文件选择器<input type=’fule’ />来完成 。
<input type="file" id="fileInput">如果想允选择多个文件,可以添加multiple属性:
<input type="file" id="fileInput" multiple>我们可以通过change事件来监听文件的选择,也可以添加另一个 UI 元素让用户显式地开始对所选文件的处理 。
input file 具有一个files属性,该属性是File对象的列表(可能有多个选择的文件) 。


js读写本地文件怎么用 前端获取本地文件流


js读写本地文件怎么用 前端获取本地文件流


js读写本地文件怎么用 前端获取本地文件流


js读写本地文件怎么用 前端获取本地文件流


js读写本地文件怎么用 前端获取本地文件流


总结1)由于安全和隐私的原因,JavaScript 不能直接访问本地文件 。
2)可以通过 input 类型为 file 来选择文件,并对文件进行处理 。
3) file input 具有带有所选文件的files属性 。
4) 我们可以使用FileReader来访问所选文件的内容 。

    推荐阅读