elementUI i中的 el-upload上传音频文件获取音频时间长度

原创

于 2021-05-18 14:14:47 发布 · 2.7k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文介绍了一个使用 Element UI 的音频文件上传组件实现方案。该方案包括了如何限制上传文件的格式、大小及播放长度，并通过 JavaScript 实现了这些功能。

html代码：

<el-upload :action="addForm.path" v-model="addForm.path" class="avatar-uploader" :http-request="fileUploadHandler"  :multiple="false" :before-upload="beforeAvatarUpload">
            <el-button size="small" type="primary">点击上传</el-button>
</el-upload>

js代码：

// 处理上传音频
async fileUploadHandler(event) {
   
   
      var that = this
      this.uploadLoading = true
      const {
   
    file } = event
      const formData = new FormData()
      formData.append('file', file)
      formData.append('path', 'upload/audio'