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

说道上传文件,首先要想到微信官方文档给的API,wx.uploadFile({ })

通过这个API来达到上传至服务器的效果:代码示例如下

接下来我们先来说说上传图片功能,这个比较简单一些

上传图片:wx.chooseImage({ })从本地相册选择图片或使用相机拍照

代码示例如下:

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

上传word/pdf等文件:

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

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

wx.chooseMessageFile · 小程序

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

选择文件的类型可以自行设置,这里我项目中只要求上传word文件,所以在设置上传文件类型的时候,给type赋值file

触发上传文件按钮点击事件,就会调起微信的聊天界面,如下图:

然后,找到你聊天界面中的文件,

勾选好文件,点击确定。选择文件上传的功能就完成了

注:如果是用模拟器选择微信会话里的文件,调用wx.chooseMessageFile()API,程序会报错。运行到真机上就没问题了

你可能感兴趣的:(微信小程序--上传文件(图片/word等)功能)