el-upload的on-change为啥会触发两次

el-upload的on-change会触发两次的原因可能是因为el-upload组件在上传文件时，会先通过XMLHttpRequest的方式发送一个options请求，获取服务器支持的请求方法和头信息等，然后再发送实际的上传请求。而options请求的响应也会触发on-change事件，因此会出现触发两次的情况。解决方法可以在on-change事件中判断是否是options请求，如果是则跳过处理。

相关问题

el-upload on-change

el-upload组件的on-change属性是用来监听文件选择或文件上传状态改变的事件。当用户选择文件或文件上传完成时，该事件会被触发。你可以在on-change属性中绑定一个方法，以便在事件发生时执行相应的操作。

以下是一个示例代码，演示了如何使用el-upload的on-change属性：

<template>
  <div>
    <el-upload
      action="/upload"
      :on-change="handle

el-upload on-change 的用法

el-upload 是 Element UI 提供的上传组件，on-change 是该组件中的一个事件，它会在上传文件改变时被触发。你可以在 on-change 事件中编写相应的处理函数来处理上传文件的相关操作。

下面是 el-upload on-change 的用法示例：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :on-change="handleChange"
    :auto-upload="false"
    :file-list="fileList"
    multiple>
    <el-button size="small" type="primary">点击上传</el-button>
    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: []
    }
  },
  methods: {
    handleChange(file, fileList) {
      console.log(file, fileList);
      // 在这里可以编写上传文件的相关操作，比如展示上传成功或失败的提示信息
    }
  }
}
</script>

在上述示例中，我们定义了一个 el-upload 组件，并将 on-change 事件绑定到 handleChange 方法上。在 handleChange 方法中，我们可以通过参数 file 和 fileList 来获取上传的文件信息，然后根据需要进行相应的处理。