react显示文件内存大小

最新推荐文章于 2023-10-24 21:07:34 发布

码小白的求学之路

最新推荐文章于 2023-10-24 21:07:34 发布

阅读量493

点赞数

分类专栏： js算法文章标签： react

本文链接：https://blog.csdn.net/yanxiaona111/article/details/117474627

版权

js算法专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本文介绍如何在React应用中展示文件的内存大小。提供了一个直接可用的方法，帮助用户在页面上直观查看文件大小信息。

摘要由CSDN通过智能技术生成

显示文件内存大小

直接拿去用

  // 显示文件内存大小设置
  conver = (limit) => {
    let size = "";
    if (limit < 0.1 * 1024) { // 如果小于0.1KB转化成B  
      size = `${limit.toFixed(2)}B`;
    } else if (limit < 0.1 * 1024 * 1024) {// 如果小于0.1MB转化成KB  
      size = `${(limit / 1024).toFixed(2)}KB`;
    } else if (limit < 0.1 * 1024 * 1024 * 1024) { // 如果小于0.1GB转化成MB  
      size = `${(limit / (1024 * 1024)).toFixed(2)}MB`;
    } else { // 其他转化成GB  
      size = `${(limit / (1024 * 1024 * 1024)).toFixed(2)}GB`;
    }
    const sizestr = size;
    const len = sizestr.indexOf(".");
    const dec = sizestr.substr(len + 1, 2);
    if (dec === "00") {// 当小数点后为00时 去掉小数部分  
      return sizestr.substring(0, len) + sizestr.substr(len + 3, 2);
    }
    return sizestr;
  }
  
  render(){
	return(
	  <div style={{ color: 'rgba(0, 0, 0, 0.45)' }}>
         {this.conver(Number(item.file_size))}
      </div>
	)
  }