宜宾网站建设公司

AntdVUpload组件customRequest该如何自定义上传方法

这期内容当中小编将会给大家带来有关AntdV Upload组件customRequest该如何自定义上传方法，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

创新互联网络公司拥有10多年的成都网站开发建设经验，上千余家客户的共同信赖。提供成都网站设计、成都网站制作、网站开发、网站定制、卖链接、建网站、网站搭建、成都响应式网站建设公司、网页设计师打造企业风格，提供周到的售前咨询和贴心的售后服务

AntdV 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;
          }
      });
}

上述就是小编为大家分享的AntdV Upload组件customRequest该如何自定义上传方法了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。


网页标题：AntdVUpload组件customRequest该如何自定义上传方法
文章源于：http://ybzwz.com/article/pjcghg.html

其他资讯