ionic3文件操作(Android)

介绍使用ionic3创建文件夹,创建文件,读取文件数据,往文件写数据等功能

下载插件

//添加file插件
ionic cordova plugin add cordova-plugin-file  
npm install --save @ionic-native/file@4 //注意ionic4以后下载依赖  
//添加filechooser插件
ionic cordova plugin add cordova-plugin-filechooser  
npm install --save @ionic-native/file-chooser@4

创建file-service.ts

  • 打开本地文件 返回文件实体Entry
    调用filechooser插件的open方法后,再调用file插件的resolveLocalFilesystemUrl方法,解析本地文件系统URL,得到文件Entry
    /**
     * 调起文件选择器选择文件
     */
    chooseFile(): Promise {
        return new Promise((resolve, reject) => {
            this.fileChooser.open().then(uri => {
                this.file.resolveLocalFilesystemUrl(uri).then(entry => {
                    resolve(entry);
                })
            }).catch(e => {
                reject(e);
            })
        })
    }
  • 读取文件内容 返回读取的数据
    上面的方法得到文件 Entry后,可以调用它的file方法得到file,再使用 FileReader去读取数据,FileReader有
    onabort(), onerror(),onload(),onloadend(),onloadstart(),onprogress()等方法获取读取文件的各个状态,同时,它也有 readAsArrayBuffer,readAsBinaryString,readAsDataURL,readAsText等方法来获取返回数据的类型(按需选择),以下例子使用了readAsArrayBuffer
    /**
     * 读取文件内容,返回Uint8Array
     * @param fileEntry 
     */
    readFile(fileEntry: FileEntry): Promise {
        return new Promise((resolve, reject) => {
            fileEntry.file(file => {
                let reader = new FileReader();
                reader.onloadend = function () {
                    //读完毕
                    if (this.result) {
                        let a: any = this.result;
                        let blob = new Uint8Array(a);
                        resolve(blob);
                    } else {
                        resolve(new Uint8Array(0));
                    }
                };
                reader.onerror = function (e) {
                    //读发生错误
                    reject(e);
                };
                reader.readAsArrayBuffer(file);
            }, (e) => {
                reject(e);
            });
        })
    }
  • 创建文件夹 返回成功或失败
    检查文件夹是否存在,不在则创建文件夹
    传入参数为文件夹名字
    文件夹存在手机android/data/包名目录
  /**
     * 检查文件夹是否存在,不在则创建文件夹,返回创建成功或存在状态
     * @param dir 文件夹名字
     */
    createDir(dir: string): Promise {
        //判断文件夹是否存在 不存在创建 这里必须是外部文件
        return new Promise((resolve, reject) => {
            this.file.checkDir(this.file.externalDataDirectory, dir).then(_ => {
                resolve(true);
            }).catch(err => {
                this.file.createDir(this.file.externalDataDirectory, dir, true).then(result => {
                    resolve(true);
                }).catch(err => {
                    reject(err);
                })
            })
        })
    }
  • 创建文件 返回文件实体Entry
    检查某个文件夹dir下是否存在文件fileName,存在则返回文件FileEntry,不存在则在创建文件fileName后返回FileEntry
    如果是存在的,我们可以使用file插件的resolveDirectoryUrl 方法解析本地目录URL,得到目录directoryEntry,然后再使用getFile方法得到文件Entry
    文件存在手机android/data/包名/文件夹目录
    /**
     * 检查在dir文件夹下是否存在fileName,存在则返回文件FileEntry,不存在则创建后返回FileEntry
     * @param dir 文件夹名字
     * @param fileName  文件 名字
     */
    createFile(dir: string, fileName: string): Promise {
        //判断文件是否存在 不存在创建 返回 FileEntry
        return new Promise((resolve, reject) => {
            this.file.checkFile(this.file.externalDataDirectory + dir + "/", fileName).then(_ => {
                this.file.resolveDirectoryUrl(this.file.externalDataDirectory + dir).then(directoryEntry => {
                    this.file.getFile(directoryEntry, fileName, { create: true, exclusive: false }).then(entry => {
                        //alert(JSON.stringify(entry));
                        resolve(entry);
                    }).catch((err) => {
                        reject(err);
                        //alert("getFile错误:"+JSON.stringify(err));
                    });
                }).catch((err) => {
                    reject(err);
                    //alert("resolveDirectoryUrl错误:"+JSON.stringify(err));
                });
            }).catch(err => {
                this.file.createFile(this.file.externalDataDirectory + dir + "/", fileName, true).then(entry => {
                    //alert("success:"+JSON.stringify(entry));
                    resolve(entry);
                }).catch(err => {
                    //alert("err:" + JSON.stringify(err));
                    reject(err);
                })
            })
        })
    }
  • 往文件里写数据 返回成功或失败
    得到文件实体Entry后,我们可以往里面写数据,首先使用FileEntry的createWriter方法创建写的工具对象,同样,它会有onwritestart() ,onprogress(),onwrite: () ,onabort () , onerror(), onwriteend()等方法获取写入数据的各个状态过程
    如果想追加写入可以使用fileWriter.seek(fileWriter.length);//追加写入不写的话,会覆盖
  /**
    * 往文件里面写数据,成功返回true,不成功返回错误原因
    * @param fileEntry 文件
    * @param dataObj  数据
    */
    writeFile(fileEntry: FileEntry, dataObj:string): Promise {
        return new Promise((resolve, reject) => {
            fileEntry.createWriter(fileWriter => {
                fileWriter.onwriteend = function () {
                    resolve(true);
                };
                fileWriter.onerror = function (e) {
                    reject(e);
                };
                // If data object is not passed in,
                // create a new Blob instead.
                if (!dataObj) {
                    dataObj = '这是一些测试数据';
                }
                fileWriter.seek(fileWriter.length);//追加写入
                fileWriter.write(dataObj);
            })
        })
    }

以上就是文件操作类的部分代码

如果需要完整的file-service.ts代码,可以加群:76123384联系

你可能感兴趣的:(ionic3文件操作(Android))