这篇博客介绍了如何使用Vant的uploader组件在H5页面中实现文件和图片的上传。通过调整accept属性的顺序，使文档格式优先于图片显示，便于用户在手机上快速选择不同类型的文件。代码示例展示了设置accept、max-size、max-count等参数的方法，以限制上传文件的类型、大小和数量。
h5页面上传文件及图片
1、vant的uploader组件：
代码如下（示例）：
<van-uploader
accept="application/pdf,application/xlsx,application/doc,application/docx,image/*"
v-model="fileList"
:max-size="2000 * 1024"
@oversize="onOversize"
:max-count="5"
:after-read="afterRead"
:preview-image="false"
>
<div class="up-but">上传</div>
</van-uploader>
其中accept为允许上传文件的格式
尝试将图片格式image/*放在前面，在手机上打开时很难找到格式为pdf、doc相关的文件，将文档格式放前面、图片格式放后面(见代码),手机点击上传文件对应页面如下：
扫一扫
254
到【灌水乐园】发言
