Enviar y recibir imágenes en línea

using Microsoft.Extensions.DependencyInjection;
using Microsoft.Teams.Apps.Clients;
using Microsoft.Teams.Apps.Schema;

HttpClient imageClient = app.Services
    .GetRequiredService<IHttpClientFactory>()
    .CreateClient(nameof(ApiClient));

teams.OnMessage(async (context, cancellationToken) =>
{
    TeamsAttachment? image =
        context.Activity.Attachments?.FirstOrDefault(
            attachment =>
                attachment.ContentType is not null &&
                attachment.ContentType.Value.StartsWith(
                    "image/",
                    StringComparison.OrdinalIgnoreCase) &&
                attachment.ContentUrl is not null);

    if (image?.ContentUrl is not Uri contentUrl)
    {
        return;
    }

    using HttpResponseMessage response =
        await imageClient.GetAsync(
            contentUrl,
            HttpCompletionOption.ResponseHeadersRead,
            cancellationToken);

    response.EnsureSuccessStatusCode();

    byte[] bytes =
        await response.Content.ReadAsByteArrayAsync(
            cancellationToken);

    // Process the image bytes.
});

API y valores clave:

• nameof(ApiClient): selecciona el cliente SDK con autenticación de plataforma.
• ContentType: Coincidir con un image/* tipo MIME sin distinguir mayúsculas de minúsculas.
• ContentUrl: usa la dirección URL de descarga de la imagen autenticada canónica.
• ResponseHeadersRead: comienza primero a procesar sin almacenar en búfer el contenido de la respuesta.
• EnsureSuccessStatusCode: Producir un error explícito cuando la recuperación de la imagen no se realice correctamente.

app.on('message', async ({ activity }) => {
  const image = activity.attachments?.find(
    (attachment) =>
      attachment.contentType?.toLowerCase().startsWith('image/') &&
      attachment.contentUrl
  );

  if (image?.contentUrl) {
    const response = await app.api.http.get<ArrayBuffer>(
      image.contentUrl,
      { responseType: 'arraybuffer' }
    );
    const bytes = Buffer.from(response.data);

    // Process the image bytes.
  }
});

API y valores clave:

• activity.attachments: buscar todos los datos adjuntos de los mensajes entrantes.
• contentType: Coincidir con un image/* tipo MIME sin distinguir mayúsculas de minúsculas.
• contentUrl: usa la dirección URL de descarga de la imagen autenticada canónica.
• app.api.http: Descargar bytes con el cliente autenticado del SDK.
• responseType: Configurar arraybuffer para recibir contenido de imagen binario.

@app.on_message
async def handle_message(ctx: ActivityContext[MessageActivity]) -> None:
    image = next(
        (
            attachment
            for attachment in (ctx.activity.attachments or [])
            if attachment.content_type
            and attachment.content_type.lower().startswith("image/")
            and attachment.content_url
        ),
        None,
    )

    if image and image.content_url:
        response = await app.api.http.get(image.content_url)
        image_bytes = response.content

        # Process the image bytes.

API y valores clave:

• ctx.activity.attachments: buscar todos los datos adjuntos de los mensajes entrantes.
• content_type: Coincidir con un image/* tipo MIME sin distinguir mayúsculas de minúsculas.
• content_url: usa la dirección URL de descarga de la imagen autenticada canónica.
• app.api.http: Descargar bytes con el cliente autenticado del SDK.
• response.content: acceda al contenido de la imagen binaria descargada.

TeamsAttachment image = TeamsAttachment.CreateBuilder()
    .WithContentType(new AttachmentContentType("image/png"))
    .WithContentUrl(new Uri("https://contoso.com/charts/weekly.png"))
    .WithName("weekly.png")
    .Build();

await context.SendAsync(
    new MessageActivityInput()
        .WithText("Here is the latest chart:")
        .AddAttachment(image),
    cancellationToken);

Propiedades y valores clave:

• ContentType: establezca el tipo MIME que coincida con los bytes de imagen hospedada.
• ContentUrl: establece una dirección URL de imagen HTTPS accesible públicamente.
• Name: agregue un nombre para mostrar opcional para la imagen.
• AddAttachment: adjunta la imagen al mensaje saliente.

app.on('message', async ({ send }) => {
  await send(
    new MessageActivityInput('Here is the latest chart:')
      .addAttachments({
        contentType: 'image/png',
        contentUrl: 'https://contoso.com/charts/weekly.png',
        name: 'weekly.png'
      })
  );
});

Propiedades y valores clave:

• contentType: establezca el tipo MIME que coincida con los bytes de imagen hospedada.
• contentUrl: establece una dirección URL de imagen HTTPS accesible públicamente.
• name: agregue un nombre para mostrar opcional para la imagen.
• addAttachments: adjunta la imagen al mensaje saliente.

@app.on_message
async def handle_message(ctx: ActivityContext[MessageActivity]) -> None:
    await ctx.send(
        MessageActivityInput(text="Here is the latest chart:").add_attachments(
            Attachment(
                content_type="image/png",
                content_url="https://contoso.com/charts/weekly.png",
                name="weekly.png",
            )
        )
    )

Propiedades y valores clave:

• content_type: establezca el tipo MIME que coincida con los bytes de imagen hospedada.
• content_url: establece una dirección URL de imagen HTTPS accesible públicamente.
• name: agregue un nombre para mostrar opcional para la imagen.
• add_attachments: adjunta la imagen al mensaje saliente.

byte[] bytes = await File.ReadAllBytesAsync(
    "./charts/weekly.png",
    cancellationToken);

string dataUri =
    $"data:image/png;base64,{Convert.ToBase64String(bytes)}";

TeamsAttachment image = TeamsAttachment.CreateBuilder()
    .WithContentType(new AttachmentContentType("image/png"))
    .WithContentUrl(new Uri(dataUri))
    .WithName("weekly.png")
    .Build();

await context.SendAsync(
    new MessageActivityInput()
        .WithText("Here is the latest chart:")
        .AddAttachment(image),
    cancellationToken);

Propiedades y valores clave:

• dataUri: prefijo base64 bytes con el tipo MIME coincidente.
• ContentType: hacer coincidir el URI de datos y el formato de imagen real.
• ContentUrl: Ajuste el URI de datos completo en Uri.
• Name: agrega un nombre de archivo opcional que coincida con el formato de imagen.

app.on('message', async ({ send }) => {
  const bytes = await readFile('./charts/weekly.png');

  await send(
    new MessageActivityInput('Here is the latest chart:')
      .addAttachments({
        contentType: 'image/png',
        contentUrl: `data:image/png;base64,${bytes.toString('base64')}`,
        name: 'weekly.png'
      })
  );
});

Propiedades y valores clave:

• contentUrl: prefijo base64 bytes con el tipo MIME coincidente.
• contentType: hacer coincidir el URI de datos y el formato de imagen real.
• bytes.toString('base64'): codifica los bytes de imagen para el URI de datos.
• name: agrega un nombre de archivo opcional que coincida con el formato de imagen.

@app.on_message
async def handle_message(ctx: ActivityContext[MessageActivity]) -> None:
    encoded = b64encode(
        Path("./charts/weekly.png").read_bytes()
    ).decode("ascii")

    await ctx.send(
        MessageActivityInput(text="Here is the latest chart:").add_attachments(
            Attachment(
                content_type="image/png",
                content_url=f"data:image/png;base64,{encoded}",
                name="weekly.png",
            )
        )
    )

Propiedades y valores clave:

• content_url: prefijo base64 bytes con el tipo MIME coincidente.
• content_type: hacer coincidir el URI de datos y el formato de imagen real.
• b64encode: codifica los bytes de imagen para el URI de datos.
• name: agrega un nombre de archivo opcional que coincida con el formato de imagen.

string encoded = Convert.ToBase64String(
    await File.ReadAllBytesAsync(
        "./charts/weekly.png",
        cancellationToken));

await context.SendAsync(
    new MessageActivityInput()
        .WithText(
            $"<div>Revenue is up." +
            $"<img src=\"data:image/png;base64,{encoded}\"/>" +
            $"Questions?</div>")
        .WithTextFormat(TextFormats.Xml),
    cancellationToken);

Propiedades y valores clave:

• src: use un URI de datos base64 para las imágenes incrustadas.
• TextFormats.Xml: habilitar elementos HTML en el cuerpo del mensaje.
• height y width: Agregue dimensiones opcionales al elemento de imagen.

app.on('message', async ({ send }) => {
  const bytes = await readFile('./charts/weekly.png');
  const encoded = bytes.toString('base64');

  await send(
    new MessageActivityInput(
      `<div>Revenue is up.` +
      `<img src="data:image/png;base64,${encoded}"/>` +
      `Questions?</div>`
    ).withTextFormat('xml')
  );
});

Propiedades y valores clave:

• src: use un URI de datos base64 para las imágenes incrustadas.
• withTextFormat('xml'): habilita los elementos HTML en el cuerpo del mensaje.
• height y width: Agregue dimensiones opcionales al elemento de imagen.

@app.on_message
async def send_positioned_image(
    ctx: ActivityContext[MessageActivity],
) -> None:
    encoded = base64.b64encode(
        Path("./charts/weekly.png").read_bytes()
    ).decode("ascii")

    await ctx.send(
        MessageActivityInput(
            text=(
                '<div>Revenue is up.'
                f'<img src="data:image/png;base64,{encoded}"/>'
                'Questions?</div>'
            )
        ).with_text_format("xml")
    )

Propiedades y valores clave:

• src: use un URI de datos base64 para las imágenes incrustadas.
• with_text_format("xml"): habilita los elementos HTML en el cuerpo del mensaje.
• height y width: Agregue dimensiones opcionales al elemento de imagen.