element-ui上传图片视频

element-ui是一个基于Vue.js的UI组件库，它提供了丰富的组件和功能，包括上传图片和视频的功能。

要实现图片和视频的上传功能，可以使用element-ui中的el-upload组件。以下是一个简单的示例代码：

<template>
  <div>
    <el-upload
      class="upload-demo"
      action="/your-upload-url"
      :on-success="handleUploadSuccess"
      :file-list="fileList"
    >
      <el-button size="small" type="primary">点击上传</el-button>
    </el-upload>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fileList: [], // 上传文件列表
    };
  },
  methods: {
    handleUploadSuccess(response, file, fileList) {
      // 上传成功的回调函数
      // 在这里可以处理上传成功后的逻辑
    },
  },
};
</script>

<style>
.upload-demo {
  border: 1px dashed #ccc;
  border-radius: 5px;
  padding: 20px;
  text-align: center;
}
</style>

在上面的示例代码中，el-upload组件通过设置`action`属性指定了上传文件的后端接口地址。当用户选择文件并点击上传按钮时，文件会被发送到`action`指定的后端接口。

`on-success`属性指定了一个回调函数，用于处理上传成功后的逻辑。你可以在这个回调函数中进行一些额外的操作，比如更新文件列表或显示上传成功的提示信息。

`file-list`属性用于绑定已上传的文件列表，你可以在`handleUploadSuccess`回调函数中更新这个列表。

需要注意的是，示例代码中的`/your-upload-url`需要替换成你实际的后端接口地址。

对于视频上传，与图片上传类似，只需要将el-upload组件的`accept`属性设置为"video/*"即可限制上传的文件类型为视频文件。

希望以上信息能对你有所帮助！如有疑问，请继续提问。