前端整合阿里云视频上传

chengqiuming

于 2020-12-13 16:53:55 发布

阅读量748

点赞数

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/chengqiuming/article/details/111131344

版权

一模板和数据绑定

1 数据定义

      fileList: [], // 上传文件列表
      uploadBtnDisabled: false

2 整合上传组件

      <!-- 上传视频 -->
      <el-form-item label="上传视频">
        <el-upload
          ref="upload"
          :auto-upload="false"
          :on-success="handleUploadSuccess"
          :on-error="handleUploadError"
          :on-exceed="handleUploadExceed"
          :before-remove="handleBeforeRemove"
          :on-remove="handleOnRemove"
          :file-list="fileList"
          :limit="1"
          action="http://127.0.0.1:8130/admin/vod/media/upload">
          <el-button slot="trigger" size="small" type="primary">选择视频</el-button>
          <el-button
            :disabled="uploadBtnDisabled"
            s