FileUpload
TsgcHTMLComponent_FileUpload — render een sleep-en-neerzet bestandsuploadzone die bestanden post als multipart/form-data, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_FileUpload — render een sleep-en-neerzet bestandsuploadzone die bestanden post als multipart/form-data, in Delphi, C++ Builder en .NET.
Een uploadcomponent dat een Bootstrap-<form> uitstuurt met een gestileerde dropzone, een bestandsinvoer en een verzendknop, plus zijn eigen scoped CSS. Stel de actie en limieten in en lees dan de HTML-eigenschap.
TsgcHTMLComponent_FileUpload
Bootstrap 5-formulier + scoped dropzone-CSS
Delphi, C++ Builder, .NET
Stel Action, Accept en de dropzone-teksten in en lees dan HTML (of plaats het in een TsgcHTMLTemplate_Bootstrap-pagina).
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 CSSDe members die je het vaakst gebruikt.
Action stelt het POST-endpoint in; InputName benoemt het bestandsveld; het formulier post altijd als multipart/form-data.
Accept filtert de toegestane bestandstypen; MaxSize toont een hint voor de groottelimiet; Multiple laat de gebruiker meerdere bestanden tegelijk kiezen.
DragDropEnabled schakelt het gestileerde dropgebied in of uit; Title, Subtitle en ButtonText bepalen de tekst.
IconHTML stelt het zone-icoon in; ButtonStyle (TsgcHTMLButtonStyle, bijv. bsPrimary) geeft de verzendknop stijl.
HTML retourneert het upload-<form> en CSS retourneert de scoped .sgc-upload-zone-stijlen — de paginatemplate stuurt beide uit.
De geërfde Section, ColumnWidth en RowGroup plaatsen de uploader op een TsgcHTMLPageBuilder-raster.