微信小程序--上传文件(图片/word等)功能
2019-03-12 本文已影响2人
肉肉要次肉
说道上传文件,首先要想到微信官方文档给的API,wx.uploadFile({ })
通过这个API来达到上传至服务器的效果:代码示例如下
接下来我们先来说说上传图片功能,这个比较简单一些
上传图片:wx.chooseImage({ })从本地相册选择图片或使用相机拍照
代码示例如下:
在点击图片触发响应事件函数里写上以上代码,就会调起手机选择相册或者拍照。以上就达到了上传图片的功能
上传word/pdf等文件:
这个功能真是苦恼了我好久,因为项目中要用到上传word文件,找度娘查了半天,发现没有调起手机文件管理器去选择文件上传的API。
于是乎,想办法怎么能把这个功能先实现呢?微信官方文档给出了wx.chooseMessageFile(Object object)这个API。
这个API是从微信聊天界面中选择文件上传。
选择文件的类型可以自行设置,这里我项目中只要求上传word文件,所以在设置上传文件类型的时候,给type赋值file
触发上传文件按钮点击事件,就会调起微信的聊天界面,如下图:
然后,找到你聊天界面中的文件,
勾选好文件,点击确定。选择文件上传的功能就完成了
注:如果是用模拟器选择微信会话里的文件,调用wx.chooseMessageFile()API,程序会报错。运行到真机上就没问题了