New-UDUpload

Sinopsis

Cargar ficheros

Sintaxis

New-UDUpload [[-Id] <String>] [[-Accept] <String>] [[-OnUpload] <Endpoint>] [[-Text] <String>] [[-Variant] <String>] [[-Color] <String>] [[-ClassName] <String>] [-HideUploadedFileName] [-ShowLoading] [[-LoadingIndicator] <Object>] [[-LoadingPosition] <String>] [[-Icon] <Object>] [[-IconAlignment] <String>] [<CommonParameters>]

Descripción

Cargar ficheros. Este componente funciona con UDForm y UDStepper.

Parámetros

-Id

El ID del cargador.

Required?                    false
Position?                    1
Default value                [Guid]::NewGuid()
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Accept

El tipo de ficheros que se aceptan. De forma predeterminada, este componente acepta todos los ficheros.

Required?                    false
Position?                    2
Default value                *
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-OnUpload

Un bloque de script que se ejecuta cuando se carga un fichero. Este parámetro $body contendrá JSON con el siguiente formato:

{ data: 'base64 encoded string of file data', name: 'filename', type: 'type of file, if known' }

$EventData contendrá una clase con las siguientes propiedades:

public string Name { get; set; } public string FileName { get; set; } public DateTime TimeStamp { get; set; } public string ContentType { get; set; } public string Type => ContentType;

Required?                    false
Position?                    3
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Text

El texto que se muestra en el botón de carga.

Required?                    false
Position?                    4
Default value                Upload
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Variant

La variante del botón. El valor predeterminado es contained. Valores válidos: "text", "outlined", "contained"

Required?                    false
Position?                    5
Default value                contained
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Color

El color del botón. El valor predeterminado es 'default'. Valores válidos: "default", "primary", "secondary", "inherit"

Required?                    false
Position?                    6
Default value                primary
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-ClassName

Una clase CSS que se aplica al botón.

Required?                    false
Position?                    7
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-HideUploadedFileName

Oculta el texto del nombre del fichero que se muestra después de la carga

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-ShowLoading

Muestra un indicador de carga mientras se ejecuta el controlador del evento OnClick.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-LoadingIndicator

Un elemento personalizado que se muestra en lugar del indicador integrado para -ShowLoading

Required?                    false
Position?                    8
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-LoadingPosition

La posición del indicador de carga. Los valores válidos son: 'start', 'end', 'center'

Required?                    false
Position?                    9
Default value                center
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Icon

El icono que se muestra en lugar del icono predeterminado. Utilice New-UDIcon para crear un icono.

Required?                    false
Position?                    10
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-IconAlignment

Cómo alinear el icono dentro del botón. Los valores válidos son: "left", "right"

Required?                    false
Position?                    11
Default value                left
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

Parámetros comunes

Este cmdlet admite los parámetros comunes: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable y OutVariable. Para obtener más información, consulte about_CommonParameters.

Salidas

Ejemplos

Ejemplo 1: carga básica

New-UDUpload -Text "Upload" -OnUpload {
    Show-UDToast $Body
} -Id 'upload1'

Un componente de carga básico que muestra una notificación cuando se carga un fichero.

Ejemplo 2: ocultar el nombre del fichero

New-UDUpload -Text "Upload" -OnUpload {
    Show-UDToast $Body
} -Id 'upload2' -HideUploadedFileName

Oculta el texto del nombre del fichero que se muestra después de la carga.

Ejemplo 3: icono

New-UDUpload -Text "Upload" -OnUpload {
    Show-UDToast $Body
} -Id 'upload3' -Icon (New-UDIcon -Icon 'Upload')

Componente de carga con un icono en lugar del icono predeterminado.

Ejemplo 4: alineación del icono

New-UDUpload -Text "Upload" -OnUpload {
    Show-UDToast $Body
} -Id 'upload4' -IconAlignment 'right' -Icon (New-UDIcon -Icon 'Upload')

Componente de carga con un icono en el lado derecho del botón.

Ejemplo 5: variante

New-UDUpload -Text "Upload" -OnUpload {
    Show-UDToast $Body
} -Id 'upload5' -Variant 'text'

Componente de carga con una variante de texto.

Ejemplo 6: aceptar

New-UDUpload -Text "Upload" -OnUpload {
    Show-UDToast $Body
} -Id 'upload6' -Accept ".jpg"

Componente de carga que solo acepta ficheros .jpg.