FileUpload
TsgcHTMLComponent_FileUpload — renderizza una zona di caricamento file con drag-and-drop che invia i file come multipart/form-data, in Delphi, C++ Builder e .NET.
TsgcHTMLComponent_FileUpload — renderizza una zona di caricamento file con drag-and-drop che invia i file come multipart/form-data, in Delphi, C++ Builder e .NET.
Un componente di caricamento che emette un <form> Bootstrap con una zona di rilascio stilizzata, un campo file e un pulsante di invio, più il proprio CSS dedicato. Imposta l’azione e i limiti, quindi leggi la proprietà HTML.
TsgcHTMLComponent_FileUpload
Bootstrap 5 form + scoped drop-zone CSS
Delphi, C++ Builder, .NET
Imposta Action, Accept e i testi della zona di rilascio, quindi leggi HTML (oppure inseriscilo in una pagina 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 CSSI membri che utilizzerai più spesso.
Action imposta l’endpoint POST; InputName dà il nome al campo file; il modulo invia sempre come multipart/form-data.
Accept filtra i tipi di file consentiti; MaxSize mostra un suggerimento sul limite di dimensione; Multiple consente all’utente di selezionare più file contemporaneamente.
DragDropEnabled attiva/disattiva l’area di rilascio stilizzata; Title, Subtitle e ButtonText ne impostano i testi.
IconHTML imposta l’icona della zona; ButtonStyle (TsgcHTMLButtonStyle, ad esempio bsPrimary) definisce lo stile del pulsante di invio.
HTML restituisce il <form> di caricamento e CSS restituisce gli stili dedicati .sgc-upload-zone — il template di pagina emette entrambi.
Le proprietà ereditate Section, ColumnWidth e RowGroup posizionano il componente di caricamento su una griglia TsgcHTMLPageBuilder.