此次小程序的文件上传用的是vant组件的上传,具体使用方法,查看官方文档更清楚一些,这里主要说一下本次的文本文件的上传遇到的问题。
做文本上传的时候,我用的组件的accept属性规定上传文件格式,

<van-uploader 
	use-slot 
	preview-image="{{false}}" 
	file-list="{{ fileList }}" 
	bind:after-read="afterRead" 
	accept=".pdf,.PDF,.txt,.TXT,.doc,.DOC,.docx,.XLS">
    <view class="uploadBtn">+上传文件</view> // 自定义的样式
</van-uploader>

在小程序里点击出现微信的会话列表,选择一个进入就可以选择对应的文件,选择上传就行。

页面图:
在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐