FileUpload
TsgcHTMLComponent_FileUpload — erzeugen Sie eine Drag-and-Drop-Datei-Upload-Zone, die Dateien als multipart/form-data sendet, in Delphi, C++ Builder und .NET.
TsgcHTMLComponent_FileUpload — erzeugen Sie eine Drag-and-Drop-Datei-Upload-Zone, die Dateien als multipart/form-data sendet, in Delphi, C++ Builder und .NET.
Eine Upload-Komponente, die ein Bootstrap-<form> mit einer gestalteten Drop-Zone, einem Datei-Input und einer Absenden-Schaltfläche sowie eigenem scoped CSS ausgibt. Setzen Sie Aktion und Limits und lesen Sie dann die HTML-Eigenschaft.
TsgcHTMLComponent_FileUpload
Bootstrap-5-Formular + scoped Drop-Zone-CSS
Delphi, C++ Builder, .NET
Setzen Sie Action, Accept und die Drop-Zone-Texte und lesen Sie dann HTML (oder fügen Sie es in eine TsgcHTMLTemplate_Bootstrap-Seite ein).
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 CSSDie Member, die Sie am häufigsten verwenden.
Action setzt den POST-Endpunkt; InputName benennt das Dateifeld; das Formular sendet stets als multipart/form-data.
Accept filtert die erlaubten Dateitypen; MaxSize zeigt einen Hinweis auf das Größenlimit; Multiple lässt den Benutzer mehrere Dateien gleichzeitig auswählen.
DragDropEnabled schaltet den gestalteten Drop-Bereich um; Title, Subtitle und ButtonText setzen dessen Texte.
IconHTML setzt das Zonen-Icon; ButtonStyle (TsgcHTMLButtonStyle, z. B. bsPrimary) gestaltet die Absenden-Schaltfläche.
HTML gibt das Upload-<form> zurück und CSS gibt die scoped .sgc-upload-zone-Stile zurück — die Seitenvorlage gibt beides aus.
Die geerbten Section, ColumnWidth und RowGroup platzieren den Uploader in einem TsgcHTMLPageBuilder-Raster.
| Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 60 Komponenten. | Öffnen | |
| Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte. | Öffnen | |
| PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode. | Öffnen |