介紹使用ionic3創(chuàng)建文件夾，創(chuàng)建文件，讀取文件數(shù)據(jù)，往文件寫數(shù)據(jù)等功能

下載插件

//添加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

創(chuàng)建file-service.ts

• 打開本地文件 返回文件實(shí)體Entry
  調(diào)用filechooser插件的open方法后，再調(diào)用file插件的resolveLocalFilesystemUrl方法，解析本地文件系統(tǒng)URL，得到文件Entry

    /**
     * 調(diào)起文件選擇器選擇文件
     */
    chooseFile(): Promise<any> {
        return new Promise((resolve, reject) => {
            this.fileChooser.open().then(uri => {
                this.file.resolveLocalFilesystemUrl(uri).then(entry => {
                    resolve(entry);
                })
            }).catch(e => {
                reject(e);
            })
        })
    }

• 讀取文件內(nèi)容 返回讀取的數(shù)據(jù)
  上面的方法得到文件 Entry后，可以調(diào)用它的file方法得到file，再使用 FileReader去讀取數(shù)據(jù)，F(xiàn)ileReader有
  onabort(), onerror(),onload(),onloadend(),onloadstart(),onprogress()等方法獲取讀取文件的各個(gè)狀態(tài)，同時(shí)，它也有 readAsArrayBuffer,readAsBinaryString,readAsDataURL,readAsText等方法來獲取返回?cái)?shù)據(jù)的類型(按需選擇)，以下例子使用了readAsArrayBuffer

    /**
     * 讀取文件內(nèi)容，返回Uint8Array
     * @param fileEntry 
     */
    readFile(fileEntry: FileEntry): Promise<Uint8Array> {
        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) {
                    //讀發(fā)生錯(cuò)誤
                    reject(e);
                };
                reader.readAsArrayBuffer(file);
            }, (e) => {
                reject(e);
            });
        })
    }

• 創(chuàng)建文件夾 返回成功或失敗
  檢查文件夾是否存在，不在則創(chuàng)建文件夾
  傳入?yún)?shù)為文件夾名字
  文件夾存在手機(jī)android/data/包名目錄

  /**
     * 檢查文件夾是否存在，不在則創(chuàng)建文件夾，返回創(chuàng)建成功或存在狀態(tài)
     * @param dir 文件夾名字
     */
    createDir(dir: string): Promise<any> {
        //判斷文件夾是否存在 不存在創(chuàng)建 這里必須是外部文件
        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);
                })
            })
        })
    }

• 創(chuàng)建文件 返回文件實(shí)體Entry
  檢查某個(gè)文件夾dir下是否存在文件fileName，存在則返回文件FileEntry，不存在則在創(chuàng)建文件fileName后返回FileEntry
  如果是存在的，我們可以使用file插件的resolveDirectoryUrl 方法解析本地目錄URL，得到目錄directoryEntry，然后再使用getFile方法得到文件Entry
  文件存在手機(jī)android/data/包名/文件夾目錄

    /**
     * 檢查在dir文件夾下是否存在fileName，存在則返回文件FileEntry，不存在則創(chuàng)建后返回FileEntry
     * @param dir 文件夾名字
     * @param fileName  文件 名字
     */
    createFile(dir: string, fileName: string): Promise<any> {
        //判斷文件是否存在 不存在創(chuàng)建 返回 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錯(cuò)誤："+JSON.stringify(err));
                    });
                }).catch((err) => {
                    reject(err);
                    //alert("resolveDirectoryUrl錯(cuò)誤："+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);
                })
            })
        })
    }

• 往文件里寫數(shù)據(jù) 返回成功或失敗
  得到文件實(shí)體Entry后，我們可以往里面寫數(shù)據(jù)，首先使用FileEntry的createWriter方法創(chuàng)建寫的工具對象，同樣，它會有onwritestart() ，onprogress()，onwrite: () ，onabort () ， onerror()， onwriteend()等方法獲取寫入數(shù)據(jù)的各個(gè)狀態(tài)過程
  如果想追加寫入可以使用fileWriter.seek(fileWriter.length);//追加寫入不寫的話，會覆蓋

  /**
    * 往文件里面寫數(shù)據(jù)，成功返回true,不成功返回錯(cuò)誤原因
    * @param fileEntry 文件
    * @param dataObj  數(shù)據(jù)
    */
    writeFile(fileEntry: FileEntry, dataObj:string): Promise<any> {
        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 = '這是一些測試數(shù)據(jù)';
                }
                fileWriter.seek(fileWriter.length);//追加寫入
                fileWriter.write(dataObj);
            })
        })
    }

以上就是文件操作類的部分代碼

如果需要完整的file-service.ts代碼，可以加群:76123384聯(lián)系