GPT

File Storage

import { Component } from '@angular/core'; import { AngularFireStorage } from '@angular/fire/compat/storage'; import { finalize } from 'rxjs/operators'; @Component({ selector: 'app-storage', template: }) ex

Prompt text

Original English text. Replace placeholders with your own details.

import { Component } from '@angular/core';
import { AngularFireStorage } from '@angular/fire/compat/storage';
import { finalize } from 'rxjs/operators';

@Component({
 selector: 'app-storage',
 template: `
 <input type="file" (change)="uploadFile($event)">
 <div *ngIf="downloadURL | async as url">
 
 </div>
 `
})
export class StorageComponent {
 downloadURL: Observable<string>;

 constructor(private storage: AngularFireStorage) {}

 uploadFile(event: any) {
 const file = event.target.files[0];
 const filePath = `uploads/${new Date().getTime()}_${file.name}`;
 const fileRef = this.storage.ref(filePath);
 const task = this.storage.upload(filePath, file);

 // Get notified when the download URL is available
 task.snapshotChanges().pipe(
 finalize(() => {
 this.downloadURL = fileRef.getDownloadURL();
 })
 ).subscribe();
 }
}

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →