File文件API

同名公众号 - 人生代码

于 2019-01-07 21:48:47 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： File文件API

本文链接：https://blog.youkuaiyun.com/qq_36772866/article/details/86029719

web前端专栏收录该内容

40 篇文章 ¥79.90 ¥99.00

订阅专栏

超级会员免费看

HTML5的File API允许Web应用程序访问用户选择的文件，提供了Blob、File、FileList和FileReader等接口。FileReader用于读取文件，提供readAsArrayBuffer、readAsText和readAsDataURL等方法。URL接口能创建和撤销Blob或File对象的URL，便于在页面中引用。

由于网页可能存在各种有意的或无意的攻击，浏览器通常认为网络中的网页是不安全的。
即使在浏览器的渲染引擎被攻击的情况下，也不可能获取主机系统中的任何权限，这一思想称为浏览器的沙箱（sandbox）模型。
在HTML 5中，Web应用程序可以请求临时或永久的存储空间来访问客户端文件，操作相对便利。

在HTML 5规范中提供了File API接口，具体如下：
Blob对象表示原始的二进制数据；
File对象表示用户选择的一个文件；
FileList对象表示用户选择的文件列表；
FileReader对象用来将文件读取到内存中；
URL对象为Blob（或File）二进制数据提供一个可访问的URL地址，以便在Web页面中引用Blob类型的数据。
file文件应用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>File对象的使用</title>
	</head>
	<body>
		选择文件：<input type="file" id="myFile" multiple/>
		<input type="button" value="显示文件信息" onclick="getInfoFromFile()"/><br/><hr/>
		文件名称：<span id="fileName"></span><br/>
		文件大小：<span id="fileSize"></span>字符<br

了解本专栏

超级会员免费看