需求:
点击上传按钮,打开用户手机的文件管理器,用户选择文件后进行上传操作。
打开文件管理器的效果图:
我在这里使用的vant.js的Uploader组件上传工具。您可根据实际需要选择其他第三方的上传组件(记得选择移动端的组件库,例如PC用的el-upload在真机点击上传就没有反应)。
uploadFile.vue
<van-uploader
accept="*"
:before-read="beforeRead" :max-count="1" :max-size="100 * 1024 * 1024" @oversize="onOversize" :after-read="afterRead">
<div class="box-button">
<div>
<div>
<img
src="../../assets/images/add.png"
style="width: 30px; height: 30px"
/>
</div>
<div class