FileUpload
TsgcHTMLComponent_FileUpload — renderize uma zona de upload de arquivos por arrastar e soltar que envia arquivos como multipart/form-data, em Delphi, C++ Builder e .NET.
TsgcHTMLComponent_FileUpload — renderize uma zona de upload de arquivos por arrastar e soltar que envia arquivos como multipart/form-data, em Delphi, C++ Builder e .NET.
Um componente de upload que emite um <form> Bootstrap com uma zona de soltar estilizada, uma entrada de arquivo e um botão de envio, mais seu próprio CSS com escopo. Defina a ação e os limites e então leia a propriedade HTML.
TsgcHTMLComponent_FileUpload
Formulário Bootstrap 5 + CSS de zona de soltar com escopo
Delphi, C++ Builder, .NET
Defina Action, Accept e os textos da zona de soltar e então leia HTML (ou insira-o em uma página TsgcHTMLTemplate_Bootstrap).
uses
sgcHTML_Enums, sgcHTML_Component_FileUpload;
var
oUpload: TsgcHTMLComponent_FileUpload;
begin
oUpload := TsgcHTMLComponent_FileUpload.Create(nil);
try
oUpload.Action := '/api/upload';
oUpload.Accept := 'image/*';
oUpload.MaxSize := '5 MB';
oUpload.Multiple := True;
oUpload.DragDropEnabled := True;
oUpload.ButtonText := 'Upload files';
oUpload.ButtonStyle := bsPrimary;
WebModule.Response := oUpload.HTML; // <form> drop zone + scoped CSS
finally
oUpload.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_FileUpload.hpp
TsgcHTMLComponent_FileUpload *oUpload = new TsgcHTMLComponent_FileUpload(NULL);
try
{
oUpload->Action = "/api/upload";
oUpload->Accept = "image/*";
oUpload->MaxSize = "5 MB";
oUpload->Multiple = true;
oUpload->DragDropEnabled = true;
oUpload->ButtonText = "Upload files";
oUpload->ButtonStyle = bsPrimary;
String html = oUpload->HTML; // <form> drop zone + scoped CSS
}
__finally
{
delete oUpload;
}using esegece.sgcWebSockets;
var upload = new TsgcHTMLComponent_FileUpload();
upload.Action = "/api/upload";
upload.Accept = "image/*";
upload.MaxSize = "5 MB";
upload.Multiple = true;
upload.DragDropEnabled = true;
upload.ButtonText = "Upload files";
upload.ButtonStyle = TsgcHTMLButtonStyle.bsPrimary;
string html = upload.HTML; // <form> drop zone + scoped CSSOs membros que você usa com mais frequência.
Action define o endpoint de POST; InputName nomeia o campo de arquivo; o formulário sempre envia como multipart/form-data.
Accept filtra os tipos de arquivo permitidos; MaxSize mostra uma dica de limite de tamanho; Multiple permite ao usuário escolher vários arquivos de uma vez.
DragDropEnabled alterna a área de soltar estilizada; Title, Subtitle e ButtonText definem seu texto.
IconHTML define o ícone da zona; ButtonStyle (TsgcHTMLButtonStyle, por exemplo bsPrimary) estiliza o botão de envio.
HTML retorna o <form> de upload e CSS retorna os estilos .sgc-upload-zone com escopo — o template de página emite ambos.
Os herdados Section, ColumnWidth e RowGroup posicionam o uploader em uma grade TsgcHTMLPageBuilder.
| Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 60 componentes. | Abrir | |
| Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML. | Abrir | |
| PreçosLicenças Single, Team e Site com código-fonte completo. | Abrir |