微信小程序上传文件(图片/word等)功能)

说到上传文件,首先要想到微信官方文档给的API,wx.uploadFile({ })
在这里插入图片描述
通过这个API来达到上传至服务器的效果:代码示例如下
在这里插入图片描述
接下来我们先来说说上传图片功能,这个比较简单一些
上传图片:wx.chooseImage({ })从本地相册选择图片或使用相机拍照
在这里插入图片描述
代码示例如下:
在这里插入图片描述
在这里插入图片描述

在点击图片触发响应事件函数里写上以上代码,就会调起手机选择相册或者拍照。以上就达到了上传图片的功能

上传word/pdf等文件:

这个功能真是苦恼了我好久,因为项目中要用到上传word文件,找度娘查了半天,发现没有调起手机文件管理器去选择文件上传的API。

于是乎,想办法怎么能把这个功能先实现呢?微信官方文档给出了wx.chooseMessageFile(Object object)这个API。

wx.chooseMessageFile · 小程序

这个API是从微信聊天界面中选择文件上传。

在这里插入图片描述
在这里插入图片描述
触发上传文件按钮点击事件,就会调起微信的聊天界面,如下图:
在这里插入图片描述
然后,找到你聊天界面中的文件,
在这里插入图片描述
勾选好文件,点击确定。选择文件上传的功能就完成了
在这里插入图片描述
在这里插入图片描述
注:如果是用模拟器选择微信会话里的文件,调用wx.chooseMessageFile()API,程序会报错。运行到真机上就没问题了
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值