使用html5plus实现文件管理功能

1.实现文件管理的大致思路如下:

(1)app中下载的文件路径最好设置为同一文件夹,通过系统保存文件目录获取到该目录下所有文件和子目录;
(2)判断如果是文件,则获取该文件的信息(路径、名称、大小、修改时间等),用于文件列表展示;
(3)提供选择、删除文件等功能。

2.在此之前先来了解一下htmlp5plus中的一些常量及API:

(1)PUBLIC_DOWNLOADS:程序公用下载目录常量(每个应用下都会存在这样一个目录);

  • android设备上通常为:“/sdcard/Android/data/%PACKAGENAME%/.%APPID%/downloads”,%PACKAGENAME%是程序的包名,%APPID%是应用的标识;
  • ios设备应用沙盒目录下“/Library/Pandora/downloads”)。

(2)requestFileSystem:获取指定的文件系统,参数如下:

  • type:必选,本地文件系统常量,可取plus.io下的常量,如plus.io.PUBLIC_DOCUMENTS、
    plus.io.PRIVATE_DOC等;
  • successCB:请求文件系统成功的回调,接受一个参数entry,为请求到的目录或文件对象;
  • errorCB:请求文件系统失败的回调;

(3)resolveLocalFileSystemURL:通过url获取目录对象或者文件对象,参数如下:

  • url :要操作文件或目录的地址,接受相对路径url、本地路径url;
  • successCB:获取操作文件或目录对象成功的回调,接受一个参数entry,为请求到的目录或文件对象;
  • errorCB:获取操作文件或目录对象失败的回调;

使用html5plus实现文件管理功能_第1张图片

3.实现代码

(1)获取目标路径下的所有文件以及子目录,此处以PUBLIC_DOWNLOADS为例:

let files = []; //文件列表信息,用于列表展示
plus.io.requestFileSystem(plus.io.PUBLIC_DOWNLOADS,entry=>{
	//创建目录对象的读取对象
	let directoryReader = entry.root.createReader();
	//读取该目录所有文件和子目录,fs:文件或者目录对象数组
	directoryReader.readEntries(fs=>{
		for(let i=0;i<fs.length;i++){
			if(fs[i].isFile){//判断如果是文件,而非子目录
				files.push({
					name:fs[i].name,
					fullPath:fs[i].fullPath,
					url:fs[i].toURL()
				})
			}
		}
	},e=>{
		//失败操作
	})
},e=>{
	//失败操作
})

(2)删除操作:

plus.io.resolveLocalFileSystemURL(url,entry=>{
	entry.remove(suc=>{
		//删除成功
	},err=>{
		//删除失败
	})
},e=>{
	//读取文件或目录失败
})

(3)选择功能的实现就不在这里进行赘述了。

你可能感兴趣的:(uni-app,js)