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

Z时代
2024-01-10
分类：问答

我通过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;
}

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

回答：

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];

}

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

按社区）

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>