vant的Uploader上传过程中遇到文件大小限制和格式错误，如何解决？

本文共计1377个文字，预计阅读时间需要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 实例并调用实例的方法重新调起文件选择。