获取上传文件的大小React JS

Question

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

Answer 1

React.js仅用于您的视图。你可以使用普通的JavaScript来做其他事情。

如果你想在某个URL使用jQuery找到一个文件的大小：

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

在成功回调，你可以保存大小为阵营的使用状态的setState（），然后在内部的DIV显示大小你的渲染方法。

您也不仅限于使用jQuery作为HEAD请求。 SuperAgent是另一个流行的。

Answer 2

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

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

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