环境:vue + TS 上传视频 + 上传到阿里云
主要处理前端在vue下上传视频
使用的是阿里云的视频点播服务
- 需要后台去申请一个开发API,请求阿里云的接口访问控制
- 有了开发视频的token,供给前端
- 前端去请求阿里云存储
video.vue
<template>
<div class="container">
<el-card>
<div slot="header">
<div>课程:</div>
<div>阶段:</div>
<div>课时:</div>
</div>
<el-form label-width="40px">
<el-form-item label="视频">
<input
ref="video-file"
type="file"
>
</el-form-item>
<el-form-item label="封面">
<input
ref="image-file"
type="file"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
@click="authUpload"
>开始上传</el-button>
<el-button>返回</el-button>
</el-form-item>
</el-form>
</el-card>
</div>
</template>
<script>
/* eslint-disable */
i