element-ui upload組件支持multipart/form-data格式

設置with-credentials屬性即可支持

<template>
 <el-upload
    ref="upload"
    drag
    :action="action"
    with-credentials
    :auto-upload="false"
    :on-success="handleSuccess"
    :on-error="handleError"
    >
    <i class="el-icon-upload"></i>
    <div class="el-upload__text">將文件拖到此處，或<em>點擊上傳</em></div>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleSuccess(res) {
      const { code } = res
      if (code === 1) {
        this.$message({
          message: '上傳成功！',
          type: 'success',
        })
      }
      this.$refs.upload.clearFiles()
      this.hide()
    },
    handleError() {
      this.$message({
        message: '上傳失敗！',
        type: 'error',
      })
    },
  },
}
</script>