小编典典

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

javascript

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

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


阅读 369

收藏
2020-05-01

共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 = 1000sizes = ["..."]根据需要( 字节

2020-05-01