ElementUI之el-upload实现base64上传

       æˆ‘们的系统后端使用了 aws 的 serverless 架构，由于 lambda 的限制，在上传文件时要先将文件转换为base，才能进行上传，并且不能超过M，。

        经过一番选择，我们决定使用 el-upload 这个控件。

       /ElemeFE/element/issues/

        但是，这个组件目前并没有对base提供良好的支持。

       /ElemeFE/element/blob/2a1acabaacaa4ab/packages/upload/src/upload.vue

        这个是组件源码。

        我目前的方法是 通过自定义 http-method ，并在方法中主动触发回调事件来实现。

关于el-upload看这一篇就够了

       本文深入分析了Element UI库中的组件el-upload组件在Element v2..9版本的源码实现，阐述了其核心逻辑与关键功能。源码源码

       el-upload组件主要依赖于HTML的组件元素和XMLHttpRequest对象。用户通过选择文件以实现上传，源码源码同时XMLHttpRequest支持在不刷新页面的组件云霸通源码情况下与服务器进行交互，实现局部内容的源码源码rsi计算源码更新。

       el-upload组件支持一系列属性、组件方法和事件，源码源码其中包括但不限于on-change、组件before-upload、源码源码ready、组件XMLHttpRequest的源码源码on-progress、on-success和on-error。组件算命源码开源on-change事件在before-upload之前执行，源码源码不论是组件否为自动上传。

       当组件的disabled状态启用时，其会继承自el-form的eladmin源码解析disabled状态。然而，这不会触发el.form.change事件，即不会启动验证流程。

       内部机制中，综合指数源码组件的执行流程包括确认提交环节，当指定file-list后，业务操作应围绕该对象展开，而非混淆使用。在非自动上传场景下，需要在on-change事件中处理文件的基本信息验证。

       处理非自动上传的方法有两种：修改文件状态为ready或自定义上传ajax方法（不调用submit）。如果已定义file-list属性，则可以直接控制该属性。

       总结来说，el-upload组件提供了丰富的功能，但在使用时应注意边界处理和一些特定场景下的自定义逻辑。建议将验证操作移至on-change事件中处理，并在非自动上传时妥善管理文件状态。合理利用el-upload组件，将有助于提升开发效率与用户体验。