微信小程序excel添加图片

Posted 2023-03-13

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

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

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

上传图片：wx.chooseImage( ）从本地相册选择图片或使用相机拍照
代码示例如下：

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

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

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

wx.chooseMessageFile · 小程序

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

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

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

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

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

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

电脑浏览器上打开微件夹(uomo.cc)，点击上传附件


第2步 复制直达路径


第3步 粘贴直达路径


经过以上三步，我们可以看到微信公众号文章中出现了一些带图标的蓝色文字，文字内容是附件的标题和后缀，这说明已经成功在公众号图文中插入excel表格了。

为了图文排版的完整性及确认表格是否可以下载，需要利用公众号的预览功能进一步确认。点击公众号的预览按钮，发送图文到手机微信上预览。预览图文时，点击附件链接，打开附件查看。




正常情况下，小程序的文件详情页会出现我们的附件，点击查看文件即可下载附件。