vue使用uploader实现图片上传到后台，选择图片前进行尺寸校验

前序：开发中我们经常会碰到上传文件或图片到服务端，其实现在关于文件上传的组件库挺多可以使用的，这里我就以vant的uploader组件为例；当然我这里简单使用了vant的toast组件，实现选择图片前进行大小校验提示。

1. 准备工作 ：

1.1 安装vant：npm i install vant -S；

1.2 引入vant组件，再需要使用的本地组件按需引入我需要用到的uploader组件和 toast组件，如图：

2. demo相关代码：

template模块的代码：

使用到uploader的一些API可以参考下边，详细可以自行去vant的官网查看下，了解他们的作用(我这里只截取一部分)：

data中声明postdata属性：

methods中的代码：

3. 最终的效果，如下边视频：