ionic3 操作本地文件

下载插件 依赖

//选择文件
ionic cordova plugin add cordova-plugin-filechooser
npm install --save @ionic-native/file-chooser
//解析文件
ionic cordova plugin add cordova-plugin-filepath
npm install --save @ionic-native/file-path
//打开本地文件
ionic cordova plugin add cordova-plugin-file-opener2
npm install --save @ionic-native/file-opener
//读写文件
ionic cordova plugin add cordova-plugin-file
npm install --save @ionic-native/file

import { FileChooser } from '@ionic-native/file-chooser';
import { FilePath } from '@ionic-native/file-path';
import { FileOpener } from '@ionic-native/file-opener';
import { File } from '@ionic-native/file';

FileTransferProvider

/**
 * native操作文件
 */
@Injectable()
export class FileTransferProvider {
  constructor(public http: HttpClient,private transfer: FileTransferObject,private appCfg: AppConfig,private fileChooser: FileChooser,
    private filePath: FilePath,public modalCtrl: ModalController,private fileOpener: FileOpener,private file: File) {
      //判断文件夹是否存在 不存在创建 这里必须是外部文件 巨坑无比
      this.file.checkDir(this.file.externalDataDirectory,"").then(_ => console.log('Directory exists')).catch(err => {
        this.file.createDir(this.file.externalDataDirectory,"",true).then(result=>{
           console.log("success")
        }).catch(err=>{
          console.log("err:"+JSON.stringify(err))
        })
      });
  }

   /**
    * 上传文件
    * @param imgPath 文件路径
    * @param serverUrl 接口地址 
    */
  upload(imgPath,serverUrl):Promise{
    let options: FileUploadOptions = {
       fileKey: 'pic',//表单name
       fileName: imgPath.substring(imgPath.lastIndexOf("/")+1,imgPath.length),
       httpMethod:'post',
       params:{}
    }
    return new Promise((resolve, reject) => {
      this.transfer.upload(imgPath, serverUrl, options)
      .then((data) => {
        resolve(JSON.parse(data['response']));
      }, (err) => {
        reject(err)
      })
    });
   
  }

  /**
   * 下载文件
   * @param path 
   * @param fileName 
   */
  download(path:string,fileName:string) {
    this.transfer.download(path, this.file.externalDataDirectory + fileName,true).then((entry) => {
      this.openFile(decodeURI(entry.toURL()))
    }, (error) => {
      console.log("error:"+JSON.stringify(error))
    });
  }


  /**
   * 调起文件选择器选择文件
   */
  chooseFile():Promise{
    return new Promise((resolve, reject) => {
      this.fileChooser.open().then(uri =>{
        this.resolveUri(uri).then(path=>{
          resolve(path);
        })
      }).catch(e =>{
        reject(e);
      })
    })
  }

  /**
   * 解析uri
   * @param uri 
   */
  resolveUri(uri:string):Promise{
    return new Promise((resolve, reject) => {
      this.filePath.resolveNativePath(uri).then(filePath =>{
        resolve(filePath);
      }).catch(err =>{
        reject(err);
      });
    })
  
  }

  /**
   * (单图)多图预览model组件封装
   * @param photoData 输入图片地址
   * @param {string} key 对象图片url对应的属性名程
   */
  photoViews(photoData,key = ''){
      let photos:Array