ionic3 生成 android,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联系

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值