钉钉与微信小程序兼容性--文件上传

文章介绍了uni-app在与微信小程序和钉钉开发中的文件选择API差异,并提供了一个跨平台的`chooseFile.js`封装示例,旨在统一不同平台的文件选择接口。在DingChooseFile.vue组件中,展示了如何根据平台调用相应API并处理选择的文件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、uni-app、微信小程序、钉钉开发相关api的区别

1、uni.chooseFile不支持微信小程序与支付宝小程序

2、wx.chooseMessageFile 可从客户端会话选择文件

支持类型type有:

all 从所有文件选择
video 只能选择视频文件
image 只能选择图片文件
file 可以选择除了图片和视频之外的其它的文件

3、钉钉应用开发没有选择文件api,只有

  • 调用dd.chooseImage从本地相册选择图片;
  • 调用dd.chooseVideo拍摄视频或从手机相册中选视频;
  • 调用dd.uploadAttachmentToDingTalk上传附件到钉盘,或从钉盘选择文件

针对以上三点,对选择文件进行封封装处理

二、代码

choose-file.js

import Vue from 'vue'
// 目前支持两种 wx 和 钉钉
export const chooseFile = async (options) => {
    console.log(options,'......')
    let _fn
    // #ifdef MP-WEIXIN
    _fn = () => new Promise((reslove, reject) => {
        wx.chooseMessageFile({
            count: 1,
            type: 'file',
            success: reslove,
            fail: reject,
            ...options
        })
    })
    // #endif

    // #ifdef MP-ALIPAY

    const instance = Vue.prototype.$initDingFileChoose({
        onSelect: options.onSelect || (() => {}),
        ...options
    })
    _fn = () => new Promise((reslove, reject) => {
        instance.show()
    })
    
    // #endif   
    await _fn()
}

DingChooseFile.vue

<template>
  <popup
    title="选择文件"
    v-model="visible"
    :clickMaskToClose="true"
    @cancelFn="visible = false"
  >
    <view class="optionsContent" slot="content">
      <view v-for="selectType in types" :key="selectType.value">
        <view
          class="optionItem"
          @tap="onSelect(selectType)"
          v-if="chooseType(selectType.value)"
        >
          <view class="paddingArea">
            <view class="optionValue">{
  { selectType.name }}</view>
            &l
如果您下载了本程序,但是该程序存在问题无法运行,那么您可以选择退款或者寻求我们的帮助(如果找我们帮助的话,是需要追加额外费用的)。另外,您不会使用资源的话(这种情况不支持退款),也可以找我们帮助(需要追加额外费用) 微信小程序是腾讯公司基于微信平台推出的一种轻量级应用形态,它无需用户下载安装即可在微信内直接使用。自2017年正式上线以来,小程序凭借其便捷性、易获取性和出色的用户体验迅速获得市场认可,并成为连接线上线下服务的重要桥梁。 小程序的核心特点包括: 零安装:用户只需通过微信扫一扫或搜索功能,即可打开和使用小程序,大大降低了用户的使用门槛和手机存储空间压力。 速度快:加载速度相较于传统的HTML5网页更快,依托于微信强大的基础设施,能够实现近乎原生应用的流畅体验。 跨平台兼容:开发者一次开发,即可在多种终端设备上运行,免除了复杂的适配工作,大大提高了开发效率。 社交属性强:小程序可以无缝嵌入微信生态,支持分享至聊天窗口、朋友圈等社交场景,有利于用户间的传播和裂变增长。 丰富接口能力:提供丰富的API接口,可调用微信支付、位置服务、用户身份识别等多种功能,方便企业进行商业服务的集成拓展。 目前,微信小程序已经覆盖了电商购物、生活服务、娱乐休闲、教育学习、工具助手等多个领域,为数以亿计的用户提供便捷的服务入口,也为众多商家和开发者提供了新的商业模式和创业机会。随着技术的不断升级和完善,小程序已成为现代移动互联网生态中不可或缺的一部分。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值