Konvertierung der Dateigröße in Bytes in eine für Menschen lesbare Zeichenfolge

Question

Konvertierung der Dateigröße in Bytes in eine für Menschen lesbare Zeichenfolge

Gefragt el 2 de Kann, 2012: Wann wurde die Frage gestellt
170872 Ansichten: Anzahl der Besuche der Frage
5 Antworten: Anzahl der Fragenantworten
Gelöst: Aktueller Status der Frage

Ich verwende diese Funktion, um eine Dateigröße in Bytes in eine für Menschen lesbare Dateigröße zu konvertieren:

function getReadableFileSizeString(fileSizeInBytes) {
  var i = -1;
  var byteUnits = [' kB', ' MB', ' GB', ' TB', 'PB', 'EB', 'ZB', 'YB'];
  do {
    fileSizeInBytes /= 1024;
    i++;
  } while (fileSizeInBytes > 1024);

  return Math.max(fileSizeInBytes, 0.1).toFixed(1) + byteUnits[i];
}

console.log(getReadableFileSizeString(1551859712)); // output is "1.4 GB"

Es scheint jedoch, dass dies nicht zu 100 % richtig ist. Zum Beispiel:

getReadableFileSizeString(1551859712); // output is "1.4 GB"

Sollte das nicht sein "1.5 GB" ? Es scheint, als würde die Division durch 1024 an Präzision verlieren. Verstehe ich etwas völlig falsch oder gibt es einen besseren Weg, dies zu tun?

Gefragt el 2 de Kann, 2012 von Hristo

Answer 1

5 Antworten

Answer 2

17voto

Patrick Mencias-lewis Punkte 554

Lösung als ReactJS-Komponente

Bytes = React.createClass({
    formatBytes() {
        var i = Math.floor(Math.log(this.props.bytes) / Math.log(1024));
        return !this.props.bytes && '0 Bytes' || (this.props.bytes / Math.pow(1024, i)).toFixed(2) + " " + ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'][i]
    },
    render () {
        return (
            <span>{ this.formatBytes() }</span>
        );
    }
});

アップデイト Für diejenigen, die es6 verwenden, hier eine zustandslose Version der gleichen Komponente

const sufixes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
const getBytes = (bytes) => {
  const i = Math.floor(Math.log(bytes) / Math.log(1024));
  return !bytes && '0 Bytes' || (bytes / Math.pow(1024, i)).toFixed(2) + " " + sufixes[i];
};

const Bytes = ({ bytes }) => (<span>{ getBytes(bytes) }</span>);

Bytes.propTypes = {
  bytes: React.PropTypes.number,
};

Beantwortet el 10 de Dezember, 2015 von Patrick Mencias-lewis (554 Punkte )

Answer 3

13voto

Nick Kuznia Punkte 1628

Ein weiteres ähnliches Beispiel wie hier

function fileSize(b) {
    var u = 0, s=1024;
    while (b >= s || -b >= s) {
        b /= s;
        u++;
    }
    return (u ? b.toFixed(1) + ' ' : b) + ' KMGTPEZY'[u] + 'B';
}

Er misst nur unwesentlich bessere Leistungen als die anderen mit ähnlichen Merkmalen.

Beantwortet el 30 de Dezember, 2016 von Nick Kuznia (1628 Punkte )

Answer 4

11voto

KitKat Punkte 1405

Basierend auf cocco Hier ist ein weniger kompaktes, aber hoffentlich umfassenderes Beispiel für die Idee der Kommission.

<!DOCTYPE html>
<html>
<head>
<title>File info</title>

<script>
<!--
function fileSize(bytes) {
    var exp = Math.log(bytes) / Math.log(1024) | 0;
    var result = (bytes / Math.pow(1024, exp)).toFixed(2);

    return result + ' ' + (exp == 0 ? 'bytes': 'KMGTPEZY'[exp - 1] + 'B');
}

function info(input) {
    input.nextElementSibling.textContent = fileSize(input.files[0].size);
} 
-->
</script>
</head>

<body>
<label for="upload-file"> File: </label>
<input id="upload-file" type="file" onchange="info(this)">
<div></div>
</body>
</html>

Beantwortet el 25 de Februar, 2014 von KitKat (1405 Punkte )

Answer 5

8voto

adlerer Punkte 800

Ab 2020 können Sie das npm-Paket für die Dateigröße verwenden, das die Formatierung in IEC (Leistung 1024, Standard), SI (Leistung 1000) und JEDEC (Alternative SI Unit Notation) unterstützt.

npm install file-size

import filesize from "filesize";

// outputs: 186.46 MB
filesize(186457865).human('si');

// outputs: 177.82 MiB
filesize(186457865).human();

https://www.npmjs.com/package/file-size

Beantwortet el 9 de Juli, 2020 von adlerer (800 Punkte )

Answer 6

8voto

James Mudd Punkte 1317

Hier gibt es viele gute Antworten. Aber wenn Sie nach einem wirklich einfachen Weg suchen und Ihnen eine populäre Bibliothek nichts ausmacht, ist eine großartige Lösung filesize https://www.npmjs.com/package/filesize

Es hat viele Optionen und die Benutzung ist einfach, z.B.

filesize(265318); // "259.1 KB"

Aus ihren hervorragenden Beispielen entnommen

Beantwortet el 3 de Dezember, 2020 von James Mudd (1317 Punkte )

Konvertierung der Dateigröße in Bytes in eine für Menschen lesbare Zeichenfolge

Antworten

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by:

Konvertierung der Dateigröße in Bytes in eine für Menschen lesbare Zeichenfolge

Antworten

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by: