浅析AntdVUpload组件customRequest怎么自定义上传方法-成都快上网建站

浅析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://kswjz.com/article/cppcjh.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流