在JavaScript中将字节大小转换为KB，MB，GB的正确方法

Question

我通过PHP 获得了这段代码来隐蔽大小（以字节为单位）。

现在，我想使用JavaScript 将这些尺寸转换为 人类可读的 尺寸。我试图将此代码转换为JavaScript，如下所示：

function formatSizeUnits(bytes){
  if      (bytes >= 1073741824) { bytes = (bytes / 1073741824).toFixed(2) + " GB"; }
  else if (bytes >= 1048576)    { bytes = (bytes / 1048576).toFixed(2) + " MB"; }
  else if (bytes >= 1024)       { bytes = (bytes / 1024).toFixed(2) + " KB"; }
  else if (bytes > 1)           { bytes = bytes + " bytes"; }
  else if (bytes == 1)          { bytes = bytes + " byte"; }
  else                          { bytes = "0 bytes"; }
  return bytes;
}

这是这样做的正确方法吗？有没有更简单的方法？

Answer 1

function bytesToSize(bytes) {
var sizes = [‘Bytes’, ‘KB’, ‘MB’, ‘GB’, ‘TB’];
if (bytes == 0) return ‘0 Byte’;
var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
return Math.round(bytes / Math.pow(1024, i), 2) + ‘ ‘ + sizes[i];
}

注意： 这是原始代码，请在下面使用固定版本。 Aliceljm 不再激活她复制的代码

现在，未缩小固定版本，并且ES6版本：（ 按社区）

function formatBytes(bytes, decimals = 2) {
    if (bytes === 0) return '0 Bytes';

    const k = 1024;
    const dm = decimals < 0 ? 0 : decimals;
    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];

    const i = Math.floor(Math.log(bytes) / Math.log(k));

    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
}

**现在，固定版本：

function formatBytes(a,b=2){if(0===a)return"0 Bytes";const c=0>b?0:b,d=Math.floor(Math.log(a)/Math.log(1024));return parseFloat((a/Math.pow(1024,d)).toFixed(c))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][d]}

用法：

// formatBytes(bytes,decimals)

formatBytes(1024);       // 1 KB
formatBytes('1024');     // 1 KB
formatBytes(1234);       // 1.21 KB
formatBytes(1234, 3);    // 1.205 KB

演示/来源：

function formatBytes(bytes, decimals = 2) {

    if (bytes === 0) return '0 Bytes';



    const k = 1024;

    const dm = decimals < 0 ? 0 : decimals;

    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];



    const i = Math.floor(Math.log(bytes) / Math.log(k));



    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];

}



// ** Demo code **

var p = document.querySelector('p'),

    input = document.querySelector('input');



function setText(v){

    p.innerHTML = formatBytes(v);

}

// bind 'input' event

input.addEventListener('input', function(){

    setText( this.value )

})

// set initial text

setText(input.value);


<input type="text" value="1000">

<p></p>

PS：更改k = 1000或sizes = ["..."]根据需要（ 位 或 字节 ）