当前位置: 首页 > news >正文

腾讯IM SDK:TUIKit发送多张图片

一、问题描述

在使用腾讯IM DEMO(https://github.com/TencentCloud/chat-uikit-vue.git)时发现其只支持发送一张图片:

在这里插入图片描述

二、解决方案

// src\TUIKit\components\TUIChat\message-input-toolbar\image-upload\index.vue<inputref="inputRef"title="图片"type="file"data-type="image"accept="image/gif,image/jpeg,image/jpg,image/png,image/bmp,image/webp"multiple@change="sendImageInWeb">
// src\TUIKit\components\TUIChat\message-input-toolbar\image-upload\index.vueconst sendImageInWeb = (e: any) => {if (e?.target?.files?.length <= 0) {return;}Array.from(e?.target?.files).forEach((file) => {sendImageMessage(file);})e.target.value = '';
};const sendImageMessage = async (files: any) => {if (!files) {return;}const options = {to:currentConversation?.value?.groupProfile?.groupID|| currentConversation?.value?.userProfile?.userID,conversationType: currentConversation?.value?.type,payload: {file: files,},needReadReceipt: isEnabledMessageReadReceiptGlobal(),} as SendMessageParams;chatStore.setReplying(true)await TUIChatService.sendImageMessage(options);
};

其中,TUIChatService.sendImageMessage调用的是chat.createImageMessage:

在这里插入图片描述

http://www.lryc.cn/news/460458.html

相关文章:

  • 《本地部署开源大模型》在Ubuntu 22.04系统下ChatGLM3-6B高效微调实战
  • Python 脚本来自动发送每日电子邮件报告
  • 大语言模型与ChatGPT:深入探索与应用
  • 【从零开始的LeetCode-算法】3164.优质数对的总数 II
  • FastDFS VS MinIO:文件存储与对象存储的抉择(包含SpringBoot集成FastDFS范例)
  • 【Redis】缓存预热、雪崩、击穿、穿透、过期删除策略、内存淘汰策略
  • 【LeetCode】每日一题 2024_10_15 三角形的最大高度(枚举、模拟)
  • 2024版最新网络安全工程师入门教程(非常详细)从零基础入门到精通,看完这一篇就够了
  • vue中关于router.beforeEach()的用法
  • C++模板初阶,只需稍微学习;直接起飞;泛型编程
  • 【数据结构 | 红黑树】红黑树的性质和插入结点时的调整
  • mysql学习教程,从入门到精通,SQL导入数据(44)
  • 【SpringAI】(二)让你的Java程序接入大模型——适合Java宝宝的大模型应用开发
  • 音频剪辑在线工具 —— 让声音更精彩
  • ​http短连接和长连接​
  • 日志分析删除
  • DART: Implicit Doppler Tomography for Radar Novel View Synthesis 笔记
  • redis-cli执行lua脚本
  • MySQL9的3个新特性
  • 《网络基础之 HTTP 协议:状态码含义全解析》
  • java真的正在越来越失去竞争力了吗
  • 【通过zip方式安装mysql服务】
  • 每日OJ题_WY3小易的升级之路_数学模拟_C++_Java
  • python xml的读取和写入
  • WebGL 小白入门学习
  • OSI七层协议
  • 超平面(Hyperplane)和半空间(Halfspace)
  • TCP(Transmission Control Protocol,传输控制协议)整理
  • R语言绘制线性回归图
  • C++进阶:map和set的使用