{"id":17700514,"url":"https://github.com/benwinding/mat-firebase-upload","last_synced_at":"2026-05-10T09:33:50.374Z","repository":{"id":52659172,"uuid":"202668170","full_name":"benwinding/mat-firebase-upload","owner":"benwinding","description":"An easy to use upload dropzone for Angular/Firebase.","archived":false,"fork":false,"pushed_at":"2021-04-22T00:12:52.000Z","size":16701,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-07T00:36:09.857Z","etag":null,"topics":["angular","cloud-storage","firebase","mat-firebase-upload","material-design"],"latest_commit_sha":null,"homepage":"https://benwinding.github.io/mat-firebase-upload/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/benwinding.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-08-16T06:04:15.000Z","updated_at":"2021-04-22T00:10:42.000Z","dependencies_parsed_at":"2022-08-27T12:20:23.940Z","dependency_job_id":null,"html_url":"https://github.com/benwinding/mat-firebase-upload","commit_stats":null,"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benwinding%2Fmat-firebase-upload","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benwinding%2Fmat-firebase-upload/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benwinding%2Fmat-firebase-upload/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benwinding%2Fmat-firebase-upload/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/benwinding","download_url":"https://codeload.github.com/benwinding/mat-firebase-upload/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246405784,"owners_count":20771814,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","cloud-storage","firebase","mat-firebase-upload","material-design"],"created_at":"2024-10-24T17:42:26.231Z","updated_at":"2026-05-10T09:33:50.340Z","avatar_url":"https://github.com/benwinding.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# mat-firebase-upload\n\n\u003c!-- [START badges] --\u003e\n[![NPM Version](https://img.shields.io/npm/v/mat-firebase-upload.svg)](https://www.npmjs.com/package/mat-firebase-upload) \n[![License](https://img.shields.io/npm/l/mat-firebase-upload.svg)](https://github.com/benwinding/mat-firebase-upload/blob/master/LICENSE) \n[![Downloads/week](https://img.shields.io/npm/dm/mat-firebase-upload.svg)](https://www.npmjs.com/package/mat-firebase-upload) \n[![Github Issues](https://img.shields.io/github/issues/benwinding/mat-firebase-upload.svg)](https://github.com/benwinding/mat-firebase-upload)\n\u003c!-- [END badges] --\u003e\n\nAn easy to use upload dropzone.\n\n\u003cimg src=\"https://i.imgur.com/bIy6Bzy.png\" style=\"max-width: 100%;\" alt=\"demo\" /\u003e\n\n- Angular 2+\n- Material themed\n- Firebase storage\n\n## Basic Example\n\n_Component HTML_\n``` html\n\u003cform-firebase-file \n  [formControl]=\"controlFile\" \n  [config]=\"config\"\n\u003e\n\u003c/form-firebase-file\u003e\n```\n_Component Typescript_\n\n``` ts\n...\n  controlFile = new FormControl();\n  config = {\n    directory: `path/to/upload/to`,\n    firebaseConfig: environment.firebaseConfig,\n  };\n...\n```\n_angular.json_\n``` json\n\"my-project\": {\n  ...,\n  \"architect\": {\n    \"build\": {\n      ...,\n      \"options\": {\n        ...,\n        \"assets\": [\n          ...,\n          {\n            \"glob\": \"**/*\",\n            \"input\": \"node_modules/mat-firebase-upload/assets\",\n            \"output\": \"./assets/fileicons\"\n          }\n```\n\n## Advanced Options\n\n_Component HTML_\n``` html\n\u003cform-firebase-file \n  [formControl]=\"controlFile\" \n  [config]=\"config\"\n  placeholder=\"Drop files here!\"\n\u003e\n\u003c/form-firebase-file\u003e\n```\n_Component Typescript_\n\n``` ts\n...\n  controlFile = new FormControl();\n  config: FormFirebaseFilesConfiguration = {\n    directory: `audits/somelocation`,\n    firebaseConfig: environment.firebaseConfig,\n\n    bucketname: 'my-other-bucket-name.appspot.com',\n    firebaseApp: app,\n    imageCompressionQuality: 0.8,\n    imageCompressionMaxSize: 2000,\n    acceptedFiles: 'image/*',\n    useUuidName: true,\n    deleteOnStorage: true\n  };\n...\n```\nMore details in the [Type definitions](https://github.com/benwinding/mat-firebase-upload)!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenwinding%2Fmat-firebase-upload","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbenwinding%2Fmat-firebase-upload","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenwinding%2Fmat-firebase-upload/lists"}