web开发中操作文件

如何在web应用程序中使用文件

操作文件常见的api:

1、Blob
2、File
3、FileReader
4、URL.createObjectURL

Blob

Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File 接口基于Blob,继承了 blob 的功能并将其扩展使其支持用户系统上的文件。

File

文件(File) 接口提供有关文件的信息,并允许网页中的 JavaScript 访问其内容。

FileReader

FileReader对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。

URL.createObjectURL

URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里. 新的对象URL指向执行的File对象或者是Blob对象.

参考文章

Web 开发中 Blob 与 FileAPI 使用简述

FileReader与URL.createObjectURL实现图片、视频上传预览

文件和二进制数据的操作