微信小程序导出zip、excel、word、png到手机

1、需要使用的方法：wx.request（）； //发请求调用接口wx.showModal（）；//打开弹框进行展示wx.setClipboardData（）；//复制文本的数据wx.downloadFile（）；//文件下载的方法wx.getFileSystemManager().saveFile（）；//保存数据wx.saveImageToPhotosAlbum（）；//保存数据到相册
2、在微信小程序中，用户使用的手机分苹果手机和安卓手机；安卓手机保存文件我们是可以找到在手机磁盘中找到文件的，苹果手机是找不到指定文件的；那么苹果手机则是返回文件的路径提供可复制功能在浏览器进行打开下载；
3、另外目前在保存zip、word、excel目前采用的是直接已图片的形式保存在手机相册中，然后通过修改文件的后缀来实现的（图片资源可以直接导出到手机相册）；
4、多的话就不说了，直接上在实际开发中的源码：

  // 导出zip数据exportProject(){var strCode = ''var arr = JSON.parse(JSON.stringify(this.data.dataList))arr.length>0 && arr.forEach((item,index) =>{if(item.checked) {strCode += `${item.id},`}})// 有勾选导出勾选 没有勾选导出所有的数据if(strCode) {strCode = strCode.substr(0,strCode.length-1)} else {wx.showToast({title: '请先勾选在进行导出!',icon: 'none',duration: 2000})return}wx.showLoading({title: '保存中...'})wx.request({url: `http://localhost:6666/upload/upload`, //下载文件的接口method: 'GET',header: {'Content-Type': 'application/json', // 默认值'accessToken': accessToken},success(resUrl){//首先判断手机的类型是ios还是Android 判断的方法微信小程序有api进行调用if(wx.getStorageSync('flagIosOrAndroid')  == 'ios') { //苹果手机直接弹出地址进行复制操作wx.hideLoading()wx.showModal({title: '下载地址',content: resUrl,showCancel: false,confirmText: '复制' ,success (res) {if (res.confirm) {wx.setClipboardData({//复制文本data: resUrl.data,success: function (res) {wx.showToast({title: '复制成功',icon:"none",mask:"true"//是否设置点击蒙版，防止点击穿透})}})}}})} else { //安卓手机将文件保存为png 导出之后改后缀wx.downloadFile({url: `${resUrl}`, //仅为示例，并非真实的资源success (resCode) {wx.hideLoading()var savePath = wx.env.USER_DATA_PATH + `/Zip.png`;wx.getFileSystemManager().saveFile({tempFilePath: resCode.tempFilePath||resCode.filePath,filePath:savePath,success: function (res){//保存图片wx.saveImageToPhotosAlbum({filePath:res.savedFilePath,success(res) {//这里可以出个弹窗，给用户提醒，让他去文件管理器里面找到后重命名wx.showModal({title: '文件保存成功',content: `请在文件管理器找到Zip.png修改后缀为zip`,showCancel: false,confirmText: '确定' ,success (res) {}})}})},})},fail(err){wx.hideLoading()wx.showToast({title: '文件下载失败!',icon: 'none',duration: 2000})}})}},fail(err) {wx.hideLoading()wx.showToast({title: '文件获取失败!',icon: 'none',duration: 2000})}})},

总结：目前采用的是这种方法来进行导出到手机的 ，示例为导出zip的例子；导出excel和word方法都类似，导出图片的也是类似；有其他的好的方法也可以给我推荐推荐，我们一起学习，互相交流。觉得有用记得点赞加关注哦，方便下次用的时候不迷路。

微信小程序导出zip、excel、word、png到手机相关推荐

微信小程序---判断苹果11及以上型号手机
微信小程序-判断苹果11及以上型号手机在app,js全局中 onLaunch: function () {var t = this;wx.getSystemInfo({success: functi ...
微信小程序导出Excel文件
有需求要在微信小程序中导出Excel文件. 依然是后端提供Excel文件流,前端做导出. exportFile(){wx.request({url:"api",method: 'P ...
【微信小程序】上传Word、txt、Excel、PPT等文件
实现流程: 在小程序后台配置业务域名在服务器写一个html,实现表单上传文件后端php接收文件并存到一个服务器文件夹,把文件名存到数据库以后检索用在微信小程序创建一个页面,里面使用web-vie ...
微信小程序下载zip压缩包后解压，并且打开文件查看的内容
在开发pc端后台管理系统的时候,经常会遇到这样的需求:下载zip到本地,然后用户双击压缩包,并借助电脑端的压缩软件打开压缩包,就可以查看里面的word.excel.pdf文件里面的内容.(这种需求,毫 ...
微信小程序上传Excel文本文件功能
问题: 在开发过程中会发现微信小程序有很多功能都还不能满足我们的需求,谁叫客户就是上帝呢,前几天小编遇到了这么个问题,就是用微信小程序上传文件,但是还以为微信带有这个模块,可是查了许久还是没有找到,只 ...
微信小程序实现PDF转Word文档
效果查看 1.打开微信小程序项目,并创建toword模块 1.两个主要文件,toword.wxml与toword.js.toword.wxml文件内容 <view class="vie ...
微信小程序开发必备 hellow word
打开web开发者工具,新建一个纯净的项目(上一篇有建立项目),不要勾选quick start 这样就是一个什么都没得的项目! 按照目录结构建立文件 welcome.wxml文件 <!--wxml ...
微信小程序打开PDF、word等文件预览
近期在使用uniapp开发微信小程序时,碰到了要在小程序上打开PDF文件预览的需求,使用原生微信小程序开发的实现和这个也是类似的.实现大致代码如下: // 下载文件到本地,下载成功后会返回临时文件路径 ...
微信小程序本地图片在开发工具显示手机预览不显示
微信小程序在设置背景图片时,使用本地路径,手机预览无法显示. 首先检查图片的路径,是否有中文,都没有问题的时候,看插入背景图片格式采用background-image: 即: <view cla ...

微信小程序导出zip、excel、word、png到手机

微信小程序导出zip、excel、word、png到手机相关推荐

最新文章

热门文章