Freigeben über


Medienupload in der Erweiterung für adaptive Karten

Hinweis

Die Medienuploadfunktion in der Erweiterung für adaptive Karten ist in SPFx v1.15.2 verfügbar.

Weitere Informationen zum Installieren von SPFx v1.15.2 finden Sie in den Versionshinweisen SharePoint-Framework Version 1.15.2.

In diesem Lernprogramm wird außerdem davon ausgegangen, dass Sie bereits eine SharePoint-Erweiterung für adaptive Karten erstellt haben.

Wie Sie Ihre erste SharePoint-Erweiterung für adaptive Karten erstellen, erfahren Sie in diesem Lernprogramm.

Aktionstyp für den Medienupload

Medien auswählen

Ermöglicht Benutzern das Hochladen von Medieninhalten über eine Adaptive Card Extension (ACE). Die aktuelle Größenbeschränkung beträgt 1 MB pro Bild. Ein Benutzer kann einen beliebigen Bildtyp angeben, der hochgeladen werden soll. Hinweis: Wenn kein Bildtyp angegeben ist, wird ein Fehler angezeigt, der angibt, dass nur Bilder hochgeladen werden können.

Die ACE-Aktion für Medienauswahl lautet: VivaAction.SelectMedia.

Die folgenden Parameter werden benötigt:

  • mediaType: Derzeit standardmäßig als Image festgelegt. Die Audiooption wird in Zukunft unterstützt.
  • allowMultipleCapture [OPTIONAL]: Ermöglicht das gleichzeitige Hinzufügen mehrerer Dateien.
    • Dies ist standardmäßig aktiviert.
  • maxSizePerFile [OPTIONAL]: Die Beschränkung für die dateigröße, die hochgeladen werden soll, die vorgeschlagene Einschränkung beträgt 1 MB.
  • supportedFileFormats [OPTIONAL]: Durch Leerzeichen getrenntes Format für zulässige Typen. Wenn keine angegeben wird, werden Standardimagedateien für die Typüberprüfung verwendet.
    • Jede Datei, die versucht wird, hochzuladen, die nicht mit dem zulässigen Typ übereinstimmt, führt zu einer Fehlermeldung, die besagt: Dies ist kein Dateityp, den wir unterstützen. Sie können nur Bilder hochladen.
{
    /**
     * 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[];
}

Lernprogramm und Beispiele

Sie können sich dieses Tutorial ansehen, das eine Schritt-für-Schritt-Anleitung zum Erstellen einer Karte mit der verfügbaren Medienuploadaktion erläutert.

  1. Hochladen eines Bilds

    Fügen Sie in Ihrer JSON-Vorlagendatei die folgende Aktion hinzu:

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

    Fügen Sie in Ihrer JSON-Vorlagendatei die folgende Aktion hinzu:

    "actions": [
        {
            "type": "VivaAction.SelectMedia",
            "id": "Select Media",
            "title": "Upload Image",
            "parameters": {
                  "mediaType": MediaType.Image,
                  "allowMultipleCapture": true
            }
        }
    ]
    
  3. Nur JPG-Bilder hochladen

    Fügen Sie in Ihrer JSON-Vorlagendatei die folgende Aktion hinzu:

    "actions": [
        {
            "type": "VivaAction.SelectMedia",
            "id": "Select Media",
            "title": "Upload Image",
            "parameters": {
                "mediaType": MediaType.Image,
                "supportedFileFormats": "jpg"
            }
        }
    ]
    
  4. Upload zulassen, dass nur kleine Bilder hochgeladen werden

    Fügen Sie in Ihrer JSON-Vorlagendatei die folgende Aktion hinzu:

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

Zugreifen auf Medienuploadaktion über den Eigenschaftenbereich der Karten-Designer-Karte

Wenn Sie keinen neuen ACE schreiben möchten, aber trotzdem den Medienupload in Aktion sehen möchten, sollten Sie sich dieses Tutorial ansehen, in dem Sie dies über den Eigenschaftenbereich untersuchen können.

Hinweis

Die Medienuploadaktion kann in der Kartenansicht, in den Schaltflächen der Kartenansicht oder in der Schnellansicht selbst hinzugefügt werden.

Verfügbarkeit der Medienuploadaktion

Hinweis

Derzeit wird dieses Feature in Teams Mobile nicht unterstützt und löst einen Fehler aus, der darauf hinweist.

Aktion Viva Connection Desktop Viva Connections Mobile Browser
Medien auswählen Unterstützt Nicht unterstützt Unterstützt