murhafsousli / ngx-fire-uploader

Angular Fire Uploader

ngx-fire-uploader's Issues

Adding already uploaded files to fire-manager

How can I add already uploaded storage item(s) to fire-manager on page load?

Change addFiles argument from FileList to File[]

We cannot create FileList object, need to make it to accept array of files

Ability to turn off generating unique name

Currently, the file uploaded always gets a unique name, need the option to turn off this feature

fix ios image orientatation

Ability to set directory in firebase storage

such as images/img-xxx.jpg

Cannot upload any file other than image files with FireManager

Package Version: Latest
Node: v8.9.0
Angular: 6.2.3

[accept] = null -> Can select / drop any file, but only image files are added.
[accept] = '.pdf' -> Can select / drop any PDF file but nothing is added.
[accept] = '.jpg' -> Can select / drop any JPG file but nothing is added.

HTML:

  <fire-manager #uploader
	[showDetails]="true"
	[showProgress]="true"
	
	[uniqueName]="uniqueName"
	
	[dropZone]="dropZone"
	
	[multiple]="multiple"
	
	[paramDir]="paramDir"
	[paramName]="paramName"
	
	[accept]="accept"
	
	[parallelUploads]="parallelUploads"
	
	[maxFilesCount]="maxFilesCount"
	[maxFileSize]="maxFilesCount"
	
	[thumbs]="thumbs"
	[thumbWidth]="thumbWidth"
	[thumbHeight]="thumbHeight"
	
	[autoStart]="autoStart"

	(files)="onFiles($event)"
	(progress)="onProgress($event)"
	(active)="onActive($event)"
	(value)="onValue($event)"
	(remove)="onRemove($event)"
	(cancel)="onCancel($event)"
	(reset)="onReset()"
	(success)="onSuccess($event)"
	(complete)="onComplete($event)"
	(error)="onError($event)">
</fire-manager>

Component

  files = [];
  links = [];
  progress: FireUploaderProgress;
  active = false;

  uniqueName = true;
  dropZone = true;
  multiple = true;
  paramName;
  paramDir;
  accept = null;
  parallelUploads = 1;
  maxFilesCount = 7;
  maxFileSize = 5;
  thumbs = true;
  thumbWidth = 100;
  thumbHeight = 100;
  autoStart = true;
  placeholder = 'Drop files here or click to select';
  resizeWidth;
  resizeHeight;
  resizeMethod = ResizeMethod.Crop;


onFiles(e) {
    this.files = e;
    console.log('on files', e);
  }

  onSuccess(e: FileItem) {
    console.log('on success', e);
  }

  onComplete(e) {
    console.log('on complete', e);
    this.links = e.map(file => file.downloadURL);
  }

  onProgress(e) {
    console.log('on progress', e);
    this.progress = e;
  }

  onRemove(e: FileItem) {
    console.log('on remove', e);
    
  }

  onCancel(e: FileItem) {
    console.log('on cancel', e);
  }

  onError(e) {
    console.log('error thrown', e);
  }

  onReset() {
    console.log('on reset', );
  }

  onValue(e) {
    console.log('value', e);
  }

  onActive(e) {
    this.active = e;
    console.log('on active', e);
  }

Module:

FireManagerModule.forRoot({
	extensions: {
	  pdf: 'url("assets/pdf.svg")' // url set up correctly 
	}
}),