ElementUI中使用upload自定义上传获取base64格

作者: 狮子座_亚亚 | 来源:发表于2018-12-25 16:32 被阅读0次

ElementUI中使用upload自定义上传获取base64格
前端文件上传与下载（含 base64流文件）
vue+element-ui实现base64编码上传图片
vue使用elementui上传文件
vue + elementui upload上传图片到服务器以及
elementui upload组件上传视频到七牛云
vue使用canvas截取视频第一帧作为封面图，并且上传阿里云O
记文件md5文件名上传七牛云
关于vue实现复制粘贴上传图片
file 上传

项目中遇到的一个问题,没有专用的图片上传接口,而是采用保存base64的方法来保存图片,那么就需要前端自己整理出需要的格式然后上传到后台.整体项目都在使用Element所以采取了Element upload,但是经过调试发现并不能很顺利的获取base64

终于经过调试发现一个办法 new FileReader()!!!

element upload组件的使用方法不多做介绍,有不熟悉的小伙伴可以参考Element upload官方API

设置auto-upload="false"不通过自动上传

:on-change="handleChange"

很简单只是以前不知道,哈哈

ElementUI中使用upload自定义上传获取base64格
项目中遇到的一个问题,没有专用的图片上传接口,而是采用保存base64的方法来保存图片,那么就需要前端自己整理出需...
前端文件上传与下载（含 base64流文件）
上传文件实现 elementUi el-upload + axios自定义上传实现：/*** 批量上传文件* @p...
vue+element-ui实现base64编码上传图片
el_upload组件自定义上传转为base64编码的图片
vue使用elementui上传文件
使用elementui的el-upload实现选择文件并上传，代码如下：
vue + elementui upload上传图片到服务器以及
前言：关于vue和elementui安装导入使用不做介绍 1.template中首先展示upload多张图片上传 ...
elementui upload组件上传视频到七牛云
elementui upload组件上传视频到七牛云首先，需要获取Token，需要后端小伙伴配合后端文档：h...
vue使用canvas截取视频第一帧作为封面图，并且上传阿里云O
引入阿里OSS a-upload自定义上传文件上传时重命名获取视频第一帧作为封面，file为antdv上传组件...
记文件md5文件名上传七牛云
之前写过一篇记录用elementui upload组件上传文件。这次为了节省七牛云空间，使用对文件md5后上传的方...
关于vue实现复制粘贴上传图片
本插件用到elementUi中的el-upload主要能实现点击上传，拖拽上传，截图复制粘贴（鼠标右键操作与Ctr...
file 上传
由于最近使用vue+Element ui vue2.0中upload组件存在很多上传地址不可跨域，或者上传获取后...