浅析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://bzwzjz.com/article/cppcjh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 高端网站设计 盐亭网站设计 阿坝网站设计 企业网站设计 成都品牌网站设计 高端网站设计推广 营销网站建设 公司网站建设 手机网站设计 网站建设 营销型网站建设 成都网站设计制作公司 四川成都网站制作 企业手机网站建设 网站设计 定制网站制作 响应式网站设计方案 重庆网站设计 成都网站建设 成都网站建设 成都网站制作 H5网站制作