el-upload详解

在这段代码中，el-upload是一个上传文件的组件。它用于在新增表单时上传文件。组件的使用方式如下：

<el-form-item>
  <el-upload class="upload-demo" drag action="11" :before-upload="beforeUpload" :on-exceed="handleExceed" multiple :on-change="fileChange">
    <i class="el-icon-upload"></i>
    <div class="el-upload__text">将文件拖到此处，或 <em>点击上传</em></div>
  </el-upload>
</el-form-item>

在提交表单时，会触发两个接口，一个是新增的接口，另一个是上传附件的接口。在点击确定后，需要传递两个参数给beforeUpload函数，一个是file，另一个是otaID。为了在提交表单后获取otaID，我们需要在beforeUpload函数中调用beforeUpload(file, otaID)，并且将file作为一个全局变量进行保存，以便在新增时一并传递给它。这样就可以确保在上传文件时获取到相应的otaID。此外，还有一个fileChange函数，在文件状态改变时，进行一些操作，比如将文件转换为md5值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [使用el-upload的详细介绍](https://blog.csdn.net/TJHWM_/article/details/126009313)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]