资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

浅析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://cdkjz.cn/article/cppcjh.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220