如何分析并解决vant组件Uploader的文件上传故障？

本文共计1336个文字，预计阅读时间需要6分钟。

目录 + vant的Uploader上传 + 主要步骤如下 + vant文件上传Uploader + 为什么要对图片进行压缩？ + Uploader组件封装 + API + vant的Uploader上传 + vant的uploader组件的交互是点击上传后才会触发一系列操作

目录

• vant的Uploader上传
• 主要的步骤如下
• vant文件上传Uploader图片压缩
• 为什么要对图片进行压缩？
• Uploader组件封装
• API

vant的Uploader上传

vant的uploader组件的交互是点击上传之后才会触发一系列回调函数，如果想要实现点击uploader的时候先出现弹框提示，选择了确定之后才进行文件上传这该怎么做到呢？

大致是，给uploader组件外面包裹一层元素，然后给组件设为禁用模式，当外层的元素状态改变时，就改变组件的disabled值，再使用vant提供的chooseFile通过 ref 可以获取到 Uploader 实例并调用实例的方法重新调起文件选择。