Documentation

Class: FileInput

mvcomponents/input. FileInput

Componente utilizado para obtenção de arquivos

new FileInput( [placeholder])

Parameters:
Name Type Argument Default Description
placeholder string <optional>
 Nenhum arquivo selecionado

Texto para informar ao usuário que não existe arquivo selecionado.
Example
import {FileInput} from "mvcomponents/input";

let fileInput:FileInput = new FileInput("Selecione um arquivo...")
    .setAccept("audio/*,video/*,image/*,MIME_type")
    .setPlaceholder("Arquivo...");

this.append(fileInput);

Extends

  • AInput

Methods

clear()

Limpa o campo FileInput.

Returns:
Type
FileInput
Example
let file:File = new File([new Blob()], "image.png", {type:"image/png"});

let fileInput:FileInput = new FileInput("Selecione uma imagem...")
    .setAccept("image/*");

fileInput.setValue(file);
fileInput.clear(); // Limpa o campo.

fileInput.getValue(); // Retorna null.

getValue()

Retorna o arquivo do campo FileInput.

Returns:
Type
File
Example
let fileInput:FileInput = new FileInput("Selecione um arquivo...");

let file:File = fileInput.getValue();

setAccept(accept)

Altera os tipos de arquivos aceitos pelo FileInput.

Parameters:
Name Type Description
accept string

Tipos de arquivos aceitos pelo FileInput. (Ex.: "audio/,video/,image/*,MIME_type")
Returns:
Type
FileInput
Example
let fileInput:FileInput = new FileInput("Selecione uma imagem...")
    .setAccept("image/*");
let fileInput:FileInput = new FileInput("Apenas arquivos zipados...")
    .setAccept(".zip");

setPlaceholder(placeholder)

Altera o 'placeholder' do FileInput

Parameters:
Name Type Description
placeholder string

Texto que irá aparecer para auxiliar o usuário.
Returns:
Type
FileInput
Example
let fileInput:FileInput = new FileInput("Selecione uma imagem...")
    .setPlaceholder("Selecione um arquivo...");

setValue(file)

Altera o arquivo do campo FileInput.

Parameters:
Name Type Description
file File

Arquivo alterado no campo FileInput.
Returns:
Type
File
Example
let file:File = new File([new Blob()], "image.png", {type:"image/png"});

let fileInput:FileInput = new FileInput("Selecione uma imagem...")
    .setAccept("image/*");

fileInput.setValue(file);