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

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

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

实现方法

up() {let that = thiswx.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})} else {that.setData({path: res.tempFiles[0].path, //将文件的路径保存在页面的变量上,方便 wx.uploadFile调用filename: filename    //渲染到wxml方便用户知道自己选择了什么文件})}}})
},

进行提交的时候,再调用上传的接口

wx.uploadFile({url: serverUrl   //上传的路径filePath: that.data.path, //刚刚在data保存的文件路径name: 'file',   //后台获取的凭据success() {   wx.showToast({   //做个提示或者别的操作title: '',icon: "none",duration: 5000,mask: true,success: function (res) {}})}
})

后台获取的文件是一个.tmp结尾的临时文件

然后就可以通过IO流将文件保存到你想保存的位置上去,就可以了.

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

微信小程序之使用vant-3组件Uploader文件上传
效果图: 微信小程序之使用vant-3组件Uploader文件上传 1.把vant的weapp包加进来 2.在app.json文件里面"usingComponents"加载进来才能 ...
微信小程序实现pdf、word等格式文件上传的方法，微信小程序word文档
目前微信只支持从聊天记录里面获取文件一.前言目前微信提供了一个接口 wx.chooseMessageFile 它能让用户从聊天记录里面选择一个或者多个文件,然后返回它的一些信息,列入文件的path ...
微信小程序 - 超详细 “纯前端“ 将文件上传到阿里云 OSS，最新阿里云 OSS 直传音视频、图片、word、excel、ppt、office 文档（全程无需后端，前端文件直传阿里云oss服务器）
前言网上的教程乱七八糟却文件少代码(并且没注释),而且都已经很老了,对于新手来说真的无从下手. 本文站在新手小白的角度,实现微信小程序开发中,"前端直传" 上传文件到阿里云oss ...
微信小程序开发之——录音播放及文件上传下载-示例(2)
一概述开始播放和暂停播放按钮,演示音频的播放和暂停功能开始播放时,先下载服务器上的文件(1.mp3),然后进行播放录音.停止.回放按钮,演示录音API的相关功能上传按钮将录音文件上传到后台h ...
微信小程序开发之——录音播放及文件上传下载-理论(1)
一概述小程序录制音频相关的API--recorderManager 小程序播放音频相关的API--InnerAudioContext 文件的上传相关API--wx.uploadFile 文件的下载 ...
微信小程序开发 - 实现pdf、word等格式文件上传到后端的方法
写在前面我发现,微信的wx.uploadFile接口限制好多,而且会经常性出现bug,所以今天搜了一上午的资料, 看看能不能不要通过这个接口上传multipart/form-data格式的文件. 后 ...
微信小程序多张图片和表单一起上传，验证表单及进度条的实现完整代码
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 效果图: 完整代码:  ...
uniapp微信小程序老预览失败，或者上传失败（已解决）
uniapp微信小程序提示报错老是提示超过了2M 但是我改完之后还是提示超过2M的错误 message:Error: 系统错误,错误码:80058,preloadRule [pages/index ...
微信小程序实现录音格式为mp3，并上传到云开发环境
前言微信小程序中可以实现录音的主要有wx.startRecord()和wx.getRecorderManager(),其中wx.startRecord()从微信开发者工具基础库1.6后停止维护,开始 ...

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

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

最新文章

热门文章