hwyzw 发表于 2025-6-8 08:28:41

微信小程序上传文件功能详解:图片与word/pdf等的上传方法

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

    谈及上传文件的操作,我们首先应当考虑的是微信官方提供的API,即wx.()。

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

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

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

    代码示例如下:

    https://img2.baidu.com/it/u=1660091788,3613988497&fm=253&fmt=JPEG&app=120&f=JPEG?w=500&h=667

    在点击图片时激活的响应事件处理函数中嵌入上述代码,即可启动手机相册选择或拍照功能。如此一来,上传图片的操作便得以实现。

    上传word/pdf等文件:

    这个功能让我感到困扰已经很久了,因为在我的项目开发中,我需要实现上传Word文档的功能。我花费了大量的时间在搜索引擎上查找相关信息,但最终发现并没有找到能够启动手机文件管理器以便选择文件进行上传的API。

    因此,我们需要设法先将这一功能付诸实践。微信的官方文档中提到了wx.( )这一API。

    wx. · 小程序

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

    在设定文件上传的类型时,用户可根据需要自行调整,然而在我的项目要求中,仅限于上传word格式的文档。因此,在配置文件类型时,需将type的值设为file。

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

    https://img0.baidu.com/it/u=436434417,441442054&fm=253&fmt=JPEG&app=120&f=JPEG?w=714&h=500

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

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

    若在模拟器中通过选择微信聊天记录中的文件并调用wx.()API,程序将出现错误提示。然而,将程序部署到实际设备上运行时,则不会出现此类问题。

    最后编辑于 :2019.03.12 16:19:10

    ©著作权归作者所有,转载或内容合作请联系作者
页: [1]
查看完整版本: 微信小程序上传文件功能详解:图片与word/pdf等的上传方法