HTML5——FileAPI（三）：FileSystem API下

最新推荐文章于 2024-06-28 10:58:41 发布

is_Del

最新推荐文章于 2024-06-28 10:58:41 发布

阅读量1k

点赞数 1

分类专栏： HTML5 文章标签： html5 javascript

本文链接：https://blog.csdn.net/del1026/article/details/115790219

版权

这篇博客介绍了HTML5的FileSystem API，重点讲解如何进行目录操作，包括创建、读取和删除目录。内容涵盖了申请磁盘配额、访问本地文件系统，并提供了使用FileSystem.root.getDirectory()、DirectoryEntry.createReader()和DirectoryEntry.remove()方法的代码示例。

摘要由CSDN通过智能技术生成

Day10

今日份内容：FileSystem API的使用

学习了文件的创建、修改、删除等操作后，还需要学习目录的相关操作，文件系统的建立离不开目录系统。

申请磁盘配额
访问本地文件系统
目录操作

内容

创建目录、创建嵌套目录、读取目录、删除目录

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>getDirectory()创建目录</title>
	</head>
	<body>
		<!-- 使用getDirectory()创建目录 -->
		<div id="">
			<div id="">
				目录名：<input type="text" id="directoryName" value="test" /><br>
				<input type="button" value="创建目录" onclick="createDirectory()" />
				<hr>
				<output id="result"></output>
			</div>
			<script type="text/javascript">
				window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem;
				navigator.webkitPersistentStorage.requestQuota(1024 * 1024,
					function(grantedBytes) {
    
						console.log("磁盘空间申请成功，空间大小为：" + grantedBytes);
					},
					function(errorCode) {
    
						console.log("磁盘空间申请失败");
					}
				);

				function createDirectory() {
    
					window.requestFileSystem(window.PERSISTENT, 1024, successCallback, errorCallback);
				}

				function successCallback(fileSystem) {
    
					var directoryName = document.getElementById("directoryName").value;
					fileSystem.root.getDirectory(directoryName, {
    
							create: true,
							exclusive: true
						},
						function(directoryEntry) {
    
							var text = "完整路径：" + directoryEntry.fullPath + "<br/>目录名：" + directoryEntry.name;
							document.getElementById("result").innerHTML = text;
						},
						function(error) {
    
							console.log(error.name);
							switch (error.name) {
    
								case "InvalidModificationError":
									alert("目录已存在");
									break;
								case "NotFoundError":
									alert("父目录不存在");
									break;
								default:
									alert(