钉钉小程序、文件上传(excel、ppt、word等)

钉钉小程序上传下载(反显)文件(如excel ppt world等文件)前端处理(需要后端配合加上传下载的权限)

要上传excel ppt world等文件还需要借助钉盘实现,我就不废话了,直接上代码

在这里插入图片描述

axml结构,红框中的为钉盘文件上传和预览
其余的是兼容图片上传和PC端上传的文件,这里提一嘴,如果是PC端上传到自己服务器的文件要想在小程序里显示,需要后端把服务器的文件先传到钉盘,前端再通过钉盘下载,如果是小程序里的文件要在PC端系统显示,需要后端先从钉盘上传到自己的服务器,前端再从自己的服务器下载(PC端指的是其它web系统)

在这里插入图片描述

整体思路:
第一步:获取上传的权限(需要后端实现),前端只调后端的接口
第二步:获取钉盘的spaceId (需要后端实现),前端只调后端的接口
第三步:
文件上传,调用文档里的dd.uploadAttachmentToDingTalk方法
文件预览(下载),调用文档里的dd.previewFileInDingTalk方法
如果需要反显,上传文件后需要把返回的结果存在数据库里(需要后端配合实现),然后从后端服务器取出结果,最后通过dd.previewFileInDingTalk进行预览
以下为完整代码

js部分

  // 授权钉钉上传和下载权限 type为add 上传权限,download为下载权限,和后端定义好参数就行
  async getDingPanAuth(type = 'download', fileids = '') {
    const { code } = await request.post('/kds-serve/dmsg/grant_custom_space', {
      type,
      fileids, // 下载授权需要
      "domain":"999",
      "userId": dd.getStorageSync({ key: 'currentId' }).data
    })
    if (code === 200) {
      return true
    }  else {
      return false
    }
  },
  
  // 获取钉盘spaceId  domain是后端定义的钉盘空间域
  async getDingdSpaceId() {
    const { result, code } = await request.post('/kds-serve/dmsg/get_custom_space', {
      "domain":"999"
    })
    if (code === 200) {
      return result
    }
  },

  // 上传文件到钉盘
  async onUploadWps(e) {
    const flag = await this.getDingPanAuth('add') // 上传授权
    if (flag) {
      const spaceId = await this.getDingdSpaceId()
      dd.uploadAttachmentToDingTalk({
        space: { max: 9, corpId: '您企业的corpId', isCopy: 1, spaceId },
        file: { max: 9, spaceId },
        types: ['space'],
        success: (res) => {
          this.setData({ dingDingFileList: [...this.data.dingDingFileList,  ...res.data] })
        },
        fail: (err) => {
          dd.alert({
            content:JSON.stringify(err)
          })
        },
      })
    } else {
      dd.alert({ content: '请联系管理员授权' })
    }
  },

  // 预览(下载)钉盘文件(反显也调这个方法, fileId, fileName, fileSize, fileType是上传后存的参数)
  async handlePreviewFile(e) {
    const { attr } = e.target.dataset
    const { fileId, fileName, fileSize, fileType } = attr
    const flag = await this.getDingPanAuth('download', fileId) // 下载授权
    const spaceId = await this.getDingdSpaceId() // 获取spaceId
    if (flag) {
      dd.previewFileInDingTalk({
        corpId:"您企业的corpId",
        spaceId,
        fileId,
        fileName,
        fileSize,
        fileType,
      })
    } else {
      dd.alert({ content: '请联系管理员授权' })
    }
  },
  
  // 保存钉盘文件,这里是以JSON字符串存储的,与后端定义好就行
  saveDingPanFile(_taskNum) {
    return new Promise((resole, reject) => {
      request.post('/kds-serve/file/upload_dingpan_files', {
        taskNum: _taskNum,
        fileUrl: JSON.stringify(this.data.dingDingFileList)
      }).then(res => {
        resole(res)
      }).catch(error => {
        reject(error)
      })
    })
  },

希望这篇文章对你有帮助!

### CentOS 镜像中 README 文件的作用 README 文件通常作为文档的一部分,在操作系统或软件包的分发过程中起到指导和说明的作用。对于 CentOS 的镜像而言,其 README 文件的主要意义在于提供关于该版本的操作系统的关键信息以及安装指南。 #### 1. 提供版本信息 README 文件会明确指出当前镜像是哪个具体版本的 CentOS,例如 `CentOS Linux release 7.9.2009 (Core)`[^1]。这有助于用户确认所下载的是正确的发行版,并了解与其兼容的硬件和软件环境。 #### 2. 描述安装前准备事项 在实际部署之前,用户可能需要完成一些必要的准备工作,比如安装工具 Git 或者其他依赖项。这些内容往往会在 README 中有所提及,帮助新手快速上手。 #### 3. 解决常见问题 针对可能出现的问题,如文件上传验证通过后的反馈机制——返回文件名表示成功[^2];或者如何正确配置服务端口映射等复杂场景下的解决方案也可能被记录下来以便查阅。 #### 4. 列举第三方库源地址 有时为了扩展功能,官方文档还会给出获取额外资源的方法论实例:“`wget http://downloads.sourceforge.net/tcl/tcl8.6.1-src.tar.gz`” 就是用来示范怎样从外部站点拉取所需组件的例子之一[^3]。 #### 5. 展示高级设置教程 除了基本操作外,更深入的技术细节也会包含其中,例如为了让 NVM 成为全局变量而修改特定路径下的脚本文件 `/etc/profile.d/nvm.sh` [^4] ,或者是利用 FTP 协议传输大容量数据时推荐采用 Binary Mode 来保持文件完整性[^5]。 综上所述,README 不仅是一个简单的介绍性文本,更是连接开发者与最终用户的桥梁,它承载着丰富的背景资料和技术支持,使得整个安装过程更加顺畅高效。 ```bash # 示例命令展示如何查看本地是否存在类似的 readme 文档 ls /path/to/your/downloaded/image/*.txt | grep -i "readme" cat /path/to/found/readme.txt ```
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xluo1715

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值