vue element ui上传视频

不吃鱼皮

已于 2022-08-24 14:10:47 修改

阅读量684

点赞数 2

文章标签： vue.js elementui 前端

于 2022-08-24 13:40:15 首次发布

本文链接：https://blog.csdn.net/weixin_45818290/article/details/126501892

版权

element有个上传组件el-upload

效果图

组件

<el-upload
    :action="uploadFileUrl"
    :before-upload="beforeUpload"
    :on-success="handleUploadSuccess"
    :on-remove="handleRemove"
    :before-remove="beforeRemove"
    multiple
    :limit="1"
    :on-exceed="handleExceed"
    :file-list="fileList"
    class="avatar-uploader"
    id="avatar-uploader"
>

js代码

export default{
    data() {
        uploadFileUrl: process.env.VUE_APP_BASE_API + "/file/upload",
    },
    methods {
        beforeUpload(file) {
          const isMp4 = file.type === "video/mp4/webm/mov/flv/ani/wmv/3gp/m4v/mkv";
          // 限制文件最大不能超过 50M
          const isLt50M &