I am a newcomer to Ionic 3 and facing an issue while trying to upload documents from a device. I have used Android permissions for storage access but I am only able to access the internal storage of the device. My goal is to access files from the SD card. Below is the code snippet I am working with:
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { RemoteServiceProvider} from "../../providers/remote-service/remote-service";
import { AndroidPermissions } from '@ionic-native/android-permissions';
@IonicPage()
@Component({
selector: 'page-home',
templateUrl: 'home.html',
})
export class HomePage {
android: AndroidPermissions;
constructor(public remoteServiceProvider: RemoteServiceProvider, public
navParams: NavParams, public nvCtr: NavController) {
//this.getStates();
this.android= new AndroidPermissions();
this.android.requestPermissions([this.android.PERMISSION.READ_EXTERNAL_STORAGE,this.android.PERMISSION.WRITE_EXTERNAL_STORAGE])
}
getStates(){
this.remoteServiceProvider.getResult().subscribe(data => {
alert(data._body);
},error => {
alert(error);
});
}
ionViewDidLoad() {
console.log('ionViewDidLoad HomePage');
}
}
After granting permissions to the user, the code snippet below shows how I am accessing the files:
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { FileChooser } from '@ionic-native/file-chooser';
import { FilePath } from '@ionic-native/file-path';
import { File } from '@ionic-native/file';
import {Platform} from "ionic-angular";
@IonicPage()
@Component({
selector: 'page-document',
templateUrl: 'document.html',
})
export class DocumentPage {
fileChooser: FileChooser;
filePath: FilePath;
nativepath: any;
file: File;
constructor(public navCtrl: NavController, public navParams: NavParams) {
this.fileChooser= new FileChooser();
this.filePath= new FilePath();
this.file=new File();
}
ionViewDidLoad() {
console.log('ionViewDidLoad DocumentPage');
}
openFile(){
this.fileChooser.open()
.then(uri => this.convertFilePath(uri))
.catch(e => alert(e));
}
convertFilePath(filePathUri: string){
this.filePath.resolveNativePath(filePathUri)
.then(filePath =>{
this.nativepath= filePath;
//Here in nativepath we get filepath
})
.catch(err => alert("filePath "+err));
}
}
After granting user permissions, the code snippet above shows how I am accessing the files:
openFile(){
this.fileChooser.open()
.then(uri => this.convertFilePath(uri))
.catch(e => alert(e));
}
convertFilePath(filePathUri: string){
this.filePath.resolveNativePath(filePathUri)
.then(filePath =>{
this.nativepath= filePath;
//Here in navtivepath i get the file path
})
.catch(err => alert("filePath "+err));
}