怎样把图片传到微信小程序劳动课上

用微信小程序传照片的方法：

1、打开小程序开发工具，然后创建一个小程序项目；

2、打开index.js文件，然后添加chooseImage方法；

3、在后台编写一个接收文件上传的方法；

4、运行程序以后，点击图片就会d出选择文件的对话框；

5、选择图片以后，就会在后台的程序输出中看到输出，代表上传已经传到后台；

6、在后台的相关文件夹中就可以看到了上传的文件。

微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。

首先要想到微信官方文档给的API，wx.uploadFile({ })

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

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

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

代码示例如下：

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

上传word/pdf等文件：

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

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

wx.chooseMessageFile · 小程序

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

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

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

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

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

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

选择图片: https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html

上传图片： https://developers.weixin.qq.com/miniprogram/dev/api/network/upload/wx.uploadFile.html

小程序身份认证界面，点击上传地方的加号，选择相册或者拍照，进行上传，原图无压缩，最多上传3张（分别为身份z正面、反面和手持） 。

注：这边以laravel框架为例

1、定义文件上传路由：

2、在laravel框架中的config文件夹下的filesystems.php文件中配置上传路径

3、身份认证文件上传方法

1、在身份认证界面的wxml中绑定选择图片事件

2、在身份认证界面的js中定义上传图片的方法

3、上传成功后，将上传的文件地址存到数组中

---