微信小程序excel添加图片

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

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

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

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

代码示例如下：

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

上传word/pdf等文件：

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

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

wx.chooseMessageFile · 小程序

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

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

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

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

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

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

首先需获取scope.writePhotosAlbum权限。（放在wx.getSetting之前调用，建议放在onload中）

整理一下，处理用户拒绝授权的情况

授权完成后执行保存图片，先看看微信的开发文档,需注意我用红框框起来的地信槐方。

我说的两种方法一种是保存临时文件路径的图片，另一种是保存的永久文件的路径，看完两种方法怎样使用看个人选择。

还有一点需注意的是不可以使用网络图片路径，否则保存图片失败，提示路径错误，找不到图片路径。

永久图片路径即保存在微信小程序项目中的图片，例如：'imgs/index/1.png'

页面中给图片标签一个点击事件，绑定保存图片的方法，我把滑卖友js方法贴上，非常简单。

先进行授权，授权成功后调用微信api即可

这个就有点麻烦，需调配配用wx.getImageInfo或者wx.downloadFile，而调用这个api需在后台进行配置，把需用到的图片接口添加进去。

具体配置，登录微信公众平台，在开发---开发设置---服务器域名---添加downloadFile合法域名。

有两种写法：

---