oss上传较大视频进行分片处理

一个前端女子

已于 2022-06-22 10:10:34 修改

阅读量1.4k

点赞数

分类专栏： vue3 文章标签： javascript 前端

于 2022-06-20 10:43:03 首次发布

本文链接：https://blog.csdn.net/qq_44173499/article/details/125367853

版权

本文介绍如何使用Vue.js在前端处理大视频文件，通过分片技术实现向OSS（对象存储服务）的高效上传。详细阐述了分片上传的步骤和关键方法，确保大文件上传的稳定性和性能。

摘要由CSDN通过智能技术生成

vue

     <el-form-item label="视频详情：" prop="videoUrl" style="margin-left:10px;">
                     <el-upload
                     list-type="picture-card"
                     action="#"
                     :auto-upload="true"
                     :on-change= "getChange"
                     :file-list="fileList"
                     :before-upload="beforeVideoUpload"
                     :http-request="videoUpload"
                     :class="{disabled: uploadDisabled }"
                     >
                        <el-icon><Plus /></el-icon>
                        <template #file="{ file }">
                           <div>
                            <video style="width:146px!important;" height="146" class="el-upload-list__item-thu