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

这篇具有很好参考价值的文章主要介绍了微信小程序导出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方法都类似,导出图片的也是类似;有其他的好的方法也可以给我推荐推荐,我们一起学习,互相交流。觉得有用记得点赞加关注哦,方便下次用的时候不迷路。

文章来源地址https://www.toymoban.com/news/detail-521400.html

到了这里,关于微信小程序导出zip、excel、word、png到手机的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包