Compartir a través de

Carga multimedia en la extensión de tarjeta adaptable

  • Artículo

Nota:

La funcionalidad de carga multimedia en la extensión de tarjeta adaptable está disponible en SPFx v1.15.2.

Para obtener más información sobre cómo instalar SPFx v1.15.2, consulte SharePoint Framework notas de la versión v1.15.2.

En este tutorial también se supone que ya ha creado una extensión de tarjeta adaptable de SharePoint.

Para obtener información sobre cómo crear su primera extensión de tarjeta adaptable de SharePoint, pruebe este tutorial.

Tipo de acción para la carga de medios

Seleccionar contenido multimedia

Permite a los usuarios cargar contenido multimedia a través de una extensión de tarjeta adaptable (ACE). La limitación de tamaño actual es de 1 MB por imagen. Un usuario puede especificar cualquier tipo de imagen que se va a cargar. Nota: Si no se especifica un tipo de imagen, se mostrará un error que indica que solo se pueden cargar imágenes.

La acción ACE para Seleccionar medios es: VivaAction.SelectMedia.

Los parámetros que toma son los siguientes:

  • mediaType: actualmente se establece como imagen de forma predeterminada. La opción de audio se admitirá en el futuro.
  • allowMultipleCapture [OPCIONAL]: permite agregar varios archivos a la vez.
    • Esto está habilitado de forma predeterminada.
  • maxSizePerFile [OPCIONAL]: la limitación del tamaño del archivo que se va a cargar, la limitación sugerida es de 1 MB.
  • supportedFileFormats [OPTIONAL]: formato delimitado por espacio en los tipos permitidos. Si no se proporciona ninguno, se usan archivos de imagen estándar para la comprobación de tipos.
    • Cualquier archivo que se intente cargar que no coincida con el tipo permitido da como resultado un mensaje de error que indica: Este no es un tipo de archivo que se admite. Solo puede cargar imágenes.
{
    /**
     * Specify the specific media type that should be selected
     */
    mediaType: MediaType;
    /**
     * Allow multiple images to be selected.
     */
    allowMultipleCapture?: boolean;
    /**
     * Max file size that can be uploaded.
     */
    maxSizePerFile?: number;
    /**
     * File formats supported for upload.
     */
    supportedFileFormats?: string[];
}

Tutorial y ejemplos

Puede echar un vistazo a este tutorial , que describe una guía paso a paso sobre cómo crear una tarjeta con la acción de carga multimedia disponible.

  1. Carga de una imagen

    En el archivo JSON de plantilla, agregue la siguiente acción:

    "actions": [
    {
        "type": "VivaAction.SelectMedia",
        "id": "Select Media",
        "title": "Upload Image",
        "parameters": {
          "mediaType": MediaType.Image
        }
    }
]

  2. Carga de varias imágenes

    En el archivo JSON de plantilla, agregue la siguiente acción:

    "actions": [
    {
        "type": "VivaAction.SelectMedia",
        "id": "Select Media",
        "title": "Upload Image",
        "parameters": {
              "mediaType": MediaType.Image,
              "allowMultipleCapture": true
        }
    }
]

  3. Cargar solo imágenes JPG

    En el archivo JSON de plantilla, agregue la siguiente acción:

    "actions": [
    {
        "type": "VivaAction.SelectMedia",
        "id": "Select Media",
        "title": "Upload Image",
        "parameters": {
            "mediaType": MediaType.Image,
            "supportedFileFormats": "jpg"
        }
    }
]

  4. Cargar solo permite cargar imágenes pequeñas

    En el archivo JSON de plantilla, agregue la siguiente acción:

    "actions": [
    {
        "type": "VivaAction.SelectMedia",
        "id": "Select Media",
        "title": "Upload Image",
        "parameters": {
            "mediaType": MediaType.Image,
            "supportedFilemaxSizePerFileFormats": 1000
        }
    }
]

Acceso a la acción de carga multimedia a través del panel de propiedades de la tarjeta del diseñador de tarjetas

Si no desea escribir una nueva ACE, pero desea ver la carga multimedia en acción, asegúrese de explorar este tutorial que le permite explorarlo a través del panel de propiedades.

Nota:

La acción de carga multimedia se puede agregar en la vista de tarjeta, botones de la vista de tarjeta o dentro de la propia vista rápida.

Disponibilidad de la acción de carga multimedia

Nota:

Actualmente, esta característica no se admite en teams mobile y generará un error que indica que esto.

Acción Escritorio de conexión Viva Viva Connections Mobile Explorador
Seleccionar contenido multimedia Compatible No compatible Compatible