微信小程序实现pdf、word等格式文件上传的方法

最新推荐文章于 2025-08-04 16:52:51 发布

原创

最新推荐文章于 2025-08-04 16:52:51 发布 · 5.7k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#前端

本文介绍如何使用微信小程序接口wx.chooseMessageFile和wx.uploadFile实现文件选择与上传功能，包括文件大小与类型限制，并展示了如何在后台处理上传的临时文件。

前言
微信提供了一个接口 wx.chooseMessageFile 它能让用户从聊天记录里面选择一个或者多个文件,然后返回它的一些信息,列入文件的path地址,文件名,文件的大小等.
在这里插入图片描述

获取这些信息再结合微信的上传接口wx.uploadFile,即可实现文件上传.

实现方法

up() {
   let that = this
   wx.chooseMessageFile({
         count: 1,  //能选择文件的数量
         type: 'file', //能选择文件的类型,我这里只允许上传文件.还有视频,图片,或者都可以
         success(res) {
           var size = res.tempFiles[0].size;
           var filename = res.tempFiles[0].name;
           var newfilename = filename + "";
           console.log(res)
             if (size > 4194304 || newfilename.indexOf(".pdf") == -1) { //这里限制了文件的大小和具体文件类型,如果不限制文件类型则去掉'|| newfilename.indexOf(".pdf") == -1'
                   wx.showToast({
                         title: '文件大小不能超过4MB,格式必须为pdf！',
                         icon: "none",
                         duration: 2000,
                         mask: true
                   })