Correct way to convert size in bytes to KB, MB, GB in JavaScript

Question

I got this code to covert size in bytes via PHP.

Now I want to convert those sizes to human readable sizes using JavaScript. I tried to convert this code to JavaScript, which looks like this:

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

Is this the correct way of doing this? Is there an easier way?

Answer 1

From this: (source)

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

Note: This is original code, Please use fixed version below.

---

Fixed version, unminified and ES6'ed: (by community)

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

Fixed Version (by StackOverflow's community, minified by JSCompress)

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

Usage :

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

Demo / source :

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 : Change k = 1000 or sizes = ["..."] as you want (bits or bytes)