Partager via

Chargement de contenu multimédia dans l’extension de carte adaptative

  • Article

Remarque

La fonctionnalité de chargement multimédia dans l’extension de carte adaptative est disponible dans SPFx v1.15.2.

Pour plus d’informations sur l’installation de SPFx v1.15.2, consultez SharePoint Framework notes de publication v1.15.2.

Ce didacticiel suppose également que vous avez déjà créé une extension de carte adaptative SharePoint.

Pour savoir comment créer votre première extension de carte adaptative SharePoint, découvrez ce didacticiel.

Type d’action pour le chargement de média

Sélectionner média

Permet aux utilisateurs de charger du contenu multimédia via une extension de carte adaptative (ACE). La limite de taille actuelle est de 1 Mo par image. Un utilisateur peut spécifier n’importe quel type d’image à charger. Remarque : Si un type d’image n’est pas spécifié, une erreur indiquant que seules les images peuvent être chargées s’affiche.

L’action ACE pour Sélectionner un média est : VivaAction.SelectMedia.

Les paramètres qu’il prend sont les suivants :

  • mediaType: actuellement défini en tant qu’image par défaut. L’option audio sera prise en charge à l’avenir.
  • allowMultipleCapture [FACULTATIF] : permet d’ajouter plusieurs fichiers à la fois.
    • Cette option est activée par défaut.
  • maxSizePerFile [FACULTATIF] : la limitation de la taille de fichier à charger, limite suggérée est de 1 Mo.
  • supportedFileFormats [FACULTATIF] : format délimité par des espaces sur les types autorisés. Si aucun n’est fourni, les fichiers image standard sont utilisés pour la vérification du type.
    • Tout fichier tenté de charger qui ne correspond pas au type autorisé génère un message d’erreur indiquant : Il ne s’agit pas d’un type de fichier que nous prenons en charge. Vous pouvez uniquement charger des images.
{
    /**
     * 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[];
}

Didacticiel et exemples

Vous pouvez jeter un coup d’œil à ce tutoriel qui décrit pas à pas comment créer un carte avec l’action de chargement multimédia disponible.

  1. Charger une image

    Dans votre fichier json de modèle, ajoutez l’action suivante :

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

  2. Charger plusieurs images

    Dans votre fichier json de modèle, ajoutez l’action suivante :

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

  3. Charger uniquement des images JPG

    Dans votre fichier json de modèle, ajoutez l’action suivante :

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

  4. Charger autoriser uniquement le chargement de petites images

    Dans votre fichier json de modèle, ajoutez l’action suivante :

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

Accéder à l’action de chargement de contenu multimédia via le volet de propriétés du carte du concepteur d’carte

Si vous ne souhaitez pas écrire un nouvel ACE, mais que vous souhaitez toujours voir le chargement multimédia en action, n’oubliez pas d’explorer ce tutoriel qui vous permet d’explorer cela via le volet de propriétés.

Remarque

L’action de chargement multimédia peut être ajoutée dans l’affichage carte, les boutons de l’affichage carte ou à l’intérieur de l’affichage rapide lui-même.

Disponibilité de l’action de chargement multimédia

Remarque

Actuellement, cette fonctionnalité n’est pas prise en charge dans teams mobile et génère une erreur indiquant que cela.

Action Viva Connection Desktop Viva Connections Mobile Navigateur
Sélectionner média Pris en charge Non pris en charge Pris en charge