Question

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

Answer 1

React.js仅用于您的视图。您可以将普通的javascript用于其他所有内容。

如果您想使用jquery在某个网址上找到文件的大小：

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

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

您也不仅限于使用jquery来处理HEAD请求。 SuperAgent是另一个受欢迎的。

Answer 2

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

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

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

Answer 3

比方说，您的jsx就像<input type="file" onChange={this.fileChangedHandler}/>

现在，在您的fileChangedHandler中，您必须执行以下操作：

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

获取上传文件的大小React JS

3 个答案: