To see this in action, checkout the example project here.
npm i --save cs-file-chooser
Import CsFileChooserModule.forRoot()
in your app's main module
import { CsFileChooserModule } from 'cs-file-chooser';
@NgModule({
...
imports: [
...
CsFileChooserModule.forRoot()
],
...
})
export class AppModule {}
openCsFileChoooser(options?: ICsOptionsFile): Observable<any>
(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 |
{
nativeURLs: [
{
metadata:{
size: Number,
typeSize: String,
mimeType: String
},
nativeUrl: String
}
]
}
Array of nativeURLs (ISelectedFile[])
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);
});
}
}
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);
});
}
}
- 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.
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 😄