uniapp 微信小程序 web-view上传手机文件管理器里最近文件（限制文件类型）

本文限制用户只能上传的文件类型为：

office、pdf、图片。

本文的web-view中使用vant.js的van-uploader组件，使用该组件自带的api来获取文件和限制文件尺寸和类型

界面效果：

重要提示：
在vant.js的van-uploader组件的before-read中拿不到file对象。也拿不到file.path对象，但是可以拿到file.type和file.name。

<template>
  <div class="container">
    <van-uploader accept="*" :before-read="beforeRead" :max-count="1" :max-size="10 * 1024 * 1024" @oversize="onOversize" :after-read="afterRead">
        <!-- <div class="box-button">
          <div>
            <div class="icon-image">
              <img
                src="@/assets/images/add.png"
                class="image-style"
              />
            </div>
            <div class="box-button-text">添加文件</div>
          </div>
        </div> -->
        <div>
          <van-button round icon="plus" type="info">上传文件</van-button>
        </div>
    </van-uploader> 
  </div>
</template>
<script type="text/javascript" src="jsfile/weixin.js"></script>
<script>
import {
    uploadFile } from '@/api/mobileUpload.js'
import {
    setToken } from '@/utils/auth'
import {
    Toast