Twilio：如何在发送消息时向媒体添加名称？答案

【问题标题】：Twilio: how to add name to media while sending message?Twilio：如何在发送消息时向媒体添加名称？
【发布时间】：2021-09-22 08:16:32
【问题描述】：

我正在使用 npm 模块

https://www.npmjs.com/package/@twilio/conversations

我正在使用以下代码发送媒体：

props.conversationProxy.sendMessage({
  contentType: event.target.files.files[0].type,
  filename:event.target.files.files[0].name,
  media: event.target.files.files[0]
});

我在下面尝试了文件名，但没有任何效果

file_name:event.target.files.files[0].name,

fileName:event.target.files.files[0].name,

FileName:event.target.files.files[0].name, 

file:event.target.files.files[0].name, 

name:event.target.files.files[0].name

从 twilio 获得以下信息：

{ 
contentType: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"

filename: null

sid: "MEXXXXXXXXXXXXXXXXXXXXXXXXXX"

size: 4697
}

我想发送带有文件名的媒体。

【问题讨论】：

标签： reactjs twilio twilio-api

【解决方案1】：

这里是 Twilio 开发者宣传员。

SDK 文档显示options you can pass when sending media through the Conversations SDK（Conversation#SendMediaOptions）是：

Name        | Type          | Description
------------|---------------|----------------------
contentType | String        | content type of media
media       | String/Buffer | content to post

filename 不是一个选项，因此您无法将其传递给 SDK。

根据the documentation，您可以通过将数据提供为FormData 对象来设置文件名：

const formData = new FormData();
formData.append('file', event.target.files[0]);
formData.append('filename', event.target.files[0].filename);
formData.append('contentType', event.target.files[0].type);

channel.sendMessage(formData);

我没有对此进行测试，但希望它有效。

【讨论】：

那么有什么方法可以给媒体添加名字吗？
我认为您需要将其作为 FormData 传递，我已经更新了答案。

【解决方案2】：

获取文件名的正确方法是

event.target.files[0].filename

【讨论】：

我正在使用“event.target.files.files[0].name”正确获取文件名，
我也尝试过静态文件名..但它仍然无法正常工作