重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

浅析AntdVUpload组件customRequest怎么自定义上传方法

AntdV Upload组件customRequest怎么自定义上传方法?下面本篇文章给大家介绍一下Ant Design Vue 的Upload 组件customRequest自定义上传方法,希望对大家有所帮助!

customRequest 可以自定义自己的上传方法

创新互联专业为企业提供永定网站建设、永定做网站、永定网站设计、永定网站制作等企业网站建设、网页设计与制作、永定企业网站模板建站服务,十多年永定做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。需求场景

后台管理系统,UI框架是Ant Design of Vue上传图片用的是Upload组件。

需求描述:上传图片,转为base64

实现方法

API方法中,有一个自定义上传行为的方法,通过覆盖默认的上传行为,可以自定义自己的上传实现

customRequest自定义上传方法 头像
上传
上传的图片转为base64//对上传的文件处理selfUpload ({ action, file, onSuccess, onError, onProgress }) { console.log(file, 'action, file'); const base64 = new Promise(resolve => { const fileReader = new FileReader(); fileReader.readAsDataURL(file); fileReader.onload = () => { resolve(fileReader.result); // this.formImg = fileReader.result; } });}


网站栏目:浅析AntdVUpload组件customRequest怎么自定义上传方法
转载注明:http://cqcxhl.com/article/cppcjh.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP