reactjs - 如何在 React 中上传视频并验证大小并将文件作为发布请求发送？

Question

我是一名初级全栈开发人员，正在开发一个 ReactJs Web 应用程序，其中用户将上传一个视频，然后该视频将进入服务器（使用 Axios）进行处理（Open CV Stuff）。对于服务器部分，我使用的是 Fast Api。

问题是如何在将视频发送到服务器之前验证视频大小？我还必须显示一个上传进度条。

任何人都可以推荐这个和相关代码的最佳方法吗？请记住，我是 ReactJS 的初学者 :)

这是我的表格

<form action='.' enctype="multipart/form-data">
   <div class="input-group">
       <label for="file-upload" class="custom-file-upload m-auto w-100 text-center">
            <i class="fa fa-cloud-upload"></i> Upload a video
       </label>
       <input id="file-upload" type="file"/>
   </div>
</form>