1.ElementUI之el-upload实现base64上传
2.关于el-upload看这一篇就够了

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支持在不刷新页面的组件老虎指标公式源码情况下与服务器进行交互，实现局部内容的源码源码指数超卖源码更新。

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

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

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

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

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