1.0.4 • Published 7 years ago
cs-file-chooser v1.0.4
FILE CHOOSER for Ionic 3
To see this in action, checkout the example project here.
Installation
Install the module via NPM
npm i --save cs-file-chooser
Import it in your app's module(s)
Import CsFileChooserModule.forRoot()
in your app's main module
import { CsFileChooserModule } from 'cs-file-chooser';
@NgModule({
...
imports: [
...
CsFileChooserModule.forRoot()
],
...
})
export class AppModule {}
Usage
CsFileChooserController
Provider
openCsFileChoooser
openCsFileChoooser(options?: ICsOptionsFile): Observable<any>
OPTIONS
(optional) Advanced configuration.
Param | Type | Description | Default |
---|---|---|---|
showHiddenFiles | boolean | Show hidden system files. | false |
maxFiles | number | Maximum number of selectable files. | 30 |
whiteList | String[] | Allow extensions. | [] |
blackList | String[] | Deny extensions. | [] |
type | String | Show files: 'grid' , 'list' . | grid |
onlyDocuments | boolean | Show only documents files. | false |
previewImage | boolean | Show preview image. DEV | false |
Return
Object
{
nativeURLs: [
{
metadata:{
size: Number,
typeSize: String,
mimeType: String
},
nativeUrl: String
}
]
}
Array of nativeURLs (ISelectedFile[])
Examples
Simple Example
import { Component } from '@angular/core';
import { CsFileChooserController } from 'cs-file-chooser';
@Component({
selector: 'test-page',
templateUrl: './test.html'
})
export class TestPage {
constructor(
private _csFileChooserCtrl: CsFileChooserController
) {}
openFileChooser() {
this._csFileChooserCtrl.openCsFileChoooser()
.subscribe(data => {
console.log(data);
});
}
}
Example with all options
import { Component } from '@angular/core';
import { CsFileChooserController } from 'cs-file-chooser';
@Component({
selector: 'test-page',
templateUrl: './test.html'
})
export class TestPage {
constructor(
private _csFileChooserCtrl: CsFileChooserController
) {}
openFileChooser() {
let options = {
showHiddenFiles: true,
maxFiles: 10,
whiteList: ['png','jpg','mp4'],
blackList: ['pdf','docx','doc'],
type: 'list'
};
this._csFileChooserCtrl.openCsFileChoooser(options)
.subscribe(data => {
console.log(data);
});
}
}
Contribution
- Having an issue? or looking for support? Open an issue and we will get you the help you need.
- Got a new feature or a bug fix? Fork the repo, make your changes, and submit a pull request.
Support this project
If you find this project useful, please star the repo to let people know that it's reliable. Also, share it with friends and colleagues that might find this useful as well. Thank you :smile:
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago
0.0.28
7 years ago
0.0.27
7 years ago
0.0.26
7 years ago
0.0.25
7 years ago
0.0.24
7 years ago
0.0.23
7 years ago
0.0.22
7 years ago
0.0.21
7 years ago
0.0.20
7 years ago
0.0.19
7 years ago
0.0.18
7 years ago
0.0.17
7 years ago
0.0.16
7 years ago
0.0.15
7 years ago
0.0.14
7 years ago
0.0.13
7 years ago
0.0.12
7 years ago
0.0.11
7 years ago
0.0.10
7 years ago
0.0.9
7 years ago
0.0.8
7 years ago
0.0.7
7 years ago
0.0.6
7 years ago
0.0.5
7 years ago
0.0.4
7 years ago
0.0.3
7 years ago
0.0.2
7 years ago
0.0.1
7 years ago