Просмотр исходного кода

批量上传音频公共组件

DESKTOP-O04BTUJ\muzen 2 лет назад
Родитель
Сommit
e016173011
1 измененных файлов с 46 добавлено и 0 удалено
  1. 46 0
      src/components/AudioUpload/index.vue

+ 46 - 0
src/components/AudioUpload/index.vue

@@ -0,0 +1,46 @@
+<template>
+  <el-upload action="#" :show-file-list="false" multiple :auto-upload="false" :on-change="onChange">
+    <el-button type="primary" slot="trigger">批量选择音频</el-button>
+    <el-button :disabled="disabled" @click="getUpload">上传</el-button>
+  </el-upload>
+</template>
+
+<script>
+import { upload } from '@/api/music/list'
+export default {
+  data() {
+    return {
+      data: new FormData(),
+      fileList: [],
+      // 是否选完文件
+      disabled: true
+    }
+  },
+  methods: {
+    // 选择文件
+    onChange(file) {
+      this.data.append('multipartFiles', file.raw)
+      this.disabled = false
+    },
+
+    // 上传
+    getUpload() {
+      this.$emit('loading')
+      upload(this.data).then(res => {
+        if (res.code === 0) {
+          this.$message.success('上传成功!')
+          this.disabled = true
+          this.data = []
+          this.$emit('upload')
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-upload {
+  margin: 0 10px;
+}
+</style>