开发者社区 问答 正文

钉钉微应用JSAPI上传图片接口在哪里?

钉钉微应用JSAPI上传图片接口在哪里?上传图片到表单里

展开
收起
真的很搞笑 2023-12-21 07:51:28 328 分享 版权
3 条回答
写回答
取消 提交回答
  • 钉钉微应用JSAPI上传图片接口可以通过以下步骤调用:

    // 引入dingtalk-jsapi库
    import dd from 'dingtalk-jsapi';
    
    // 调用dd.biz.util.uploadImage方法上传图片
    dd.biz.util.uploadImage({
      onSuccess: function (result) {
        // 图片上传成功,result中包含文件ID等信息
        console.log('Image upload success:', result);
        // 将文件ID填入表单
        const fileId = result.fileId;
        // 假设你有一个表单元素id为myForm
        const form = document.getElementById('myForm');
        // 创建一个隐藏的input元素用于存储文件ID
        const input = document.createElement('input');
        input.type = 'hidden';
        input.name = 'fileId'; // 根据你的表单字段名称进行调整
        input.value = fileId;
        form.appendChild(input);
        // 提交表单或者以其他方式处理文件ID
      },
      onFail: function (error) {
        // 图片上传失败
        console.error('Image upload failed:', error);
      }
    });
    

    在这个示例中,dd.biz.util.uploadImage是上传图片的JSAPI接口,你需要在HTML页面中引入对应的JavaScript库,并确保已经正确初始化了钉钉JSAPI。

    2023-12-21 17:12:35
    赞同 展开评论
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。

    钉钉微应用JSAPI的上传图片接口是uploadAttachmentToDingTalk,此接口支持钉钉微应用JSAPI的上传图片接口是uploadAttachmentToDingTalk,此接口支持照片、拍照、本地系统文件和从已有钉盘文件选择,上传到参数为spaceId指定的钉盘空间再返回。在使用该接口之前,需要先在main.js文件中配置好微应用的SDK,并将所用功能接口注册。

    如果您希望将图片上传到自己的服务器,可以按照以下步骤操作:首先,提供一个界面让用户选择要上传的图片,可以使用元素或其他方式。然后,获取用户选择的图片文件,并将其转换为数据流或Base64编码的字符串,这可以通过JavaScript的File对象和FileReader API来实现。最后,创建一个HTTP POST请求,将图片数据作为请求体发送给您的服务器。

    值得注意的是,每个钉盘默认都会有一个空间,服务端调用获取空间列表API即可看到。另外,media_id是可复用的,同一个media_id多次使用,但是media_id对应的资源文件仅能在钉钉客户端内使用。因此,在使用这些接口时,需要确保已经为应用添加了接口权限。

    2023-12-21 16:18:40
    赞同 展开评论
  • 微应用上传图片、拍照上传接口目前不提供了。
    ,此回答整理自钉群“钉钉开发者社区(互助群)”

    2023-12-21 08:57:28
    赞同 展开评论