Javascript 获取上载文件的大小

如何在React JS中查找上载文件的大小？

React.JS仅用于查看。您可以将普通javascript用于其他所有内容

如果要使用jquery在某个url上查找文件大小：

var req = $.ajax({
  type: "HEAD",
  url: 'some/url/here',
  success: function () {
    console.log(req.getResponseHeader("Content-Length")); //Filesize
  }
});

在成功回调中，可以使用setState（）将大小保存到React的状态，然后在渲染方法中以div显示大小

---

您也不限于对HEAD请求使用jquery。SuperAgent是另一种流行的工具。

您首先需要获取输入类型的文件上传，如 var uploadDocuments=document.getElementById（'file-0'）//抓取html文件上传元素

并且可以使用.size属性获取文件大小

---

uploadDocuments.files[0].size//这给出了上传文件的大小

比方说，您的jsx就像

现在，在

文件更改Handler

中，您必须执行以下操作：

fileChangedHandler = (event) => {
    let file_size = event.target.files[0].size;

    //or if you like to have name and type
    let file_name = event.target.files[0].name;
    let file_type = event.target.files[0].type;
   //do whatever operation you want to do here
};