如何在React中上传视频并验证大小并作为后期请求发送文件？

编程问答 2022-08-16

问题描述

我是在ReactJs Web应用程序上工作的Junior Full Stack Developer，在该应用程序中，用户将上传视频，然后将其发送到服务器（使用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>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

axiosaxiosaxiosfastapireactjsreactjsreactjsreactjsvideo-upload