Angular2+ Pipe to format bytes to human-legible units

format-bytes.pipe.ts

import { Pipe } from '@angular/core';

/**
 * Formats a byte value to a human-readable format.
 * 
 * Example uses: 
 * -------------
 * {{ value | formatBytes }} - use short units.
 * {{ value | formatBytes: "long"}} - use long name units
 */
@Pipe({
  name: 'formatBytes',
  pure: false
})
export class FormatBytesPipe {
  private _units: string[] = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'YB'];
  private _unitsLong: string[] = [ 'Bytes', 'Kilobytes', 'Megabytes', 'Gigabytes', 'Terabytes', 'Pedabytes', 'Yottabytes'];

  constructor() { }

  transform(bytes: any, format: string): any {
    if (!Number(bytes)) { return ''; }

    let units: string[];

    if (format === 'long') {
      units = this._unitsLong;  
    } else {
      units = this._units;
    }

    bytes = Math.max(bytes, 0);
    let pow = Math.floor((bytes ? Math.log(bytes) : 0) / Math.log(1024));
    pow = Math.min(pow, this._units.length - 1);
    const value = bytes / (Math.pow(1000, pow));
    return value + " " + units[pow];

  }
}

thanks 👍 But you should use pure: true and format = 'short' in params to use short form without second parameter