FileUpload
TsgcHTMLComponent_FileUpload — genera una zona de subida de archivos por arrastrar y soltar que envía los archivos como multipart/form-data, en Delphi, C++ Builder y .NET.
TsgcHTMLComponent_FileUpload — genera una zona de subida de archivos por arrastrar y soltar que envía los archivos como multipart/form-data, en Delphi, C++ Builder y .NET.
Un componente de subida que genera un <form> de Bootstrap con una zona de arrastre con estilo, un input de archivo y un botón de envío, además de su propio CSS con ámbito. Define la acción y los límites, y luego lee la propiedad HTML.
TsgcHTMLComponent_FileUpload
Formulario de Bootstrap 5 + CSS con ámbito para la zona de arrastre
Delphi, C++ Builder, .NET
Define Action, Accept y los textos de la zona de arrastre, y luego lee HTML (o insértalo en una 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 CSSLos miembros que más utilizarás.
Action define el endpoint del POST; InputName nombra el campo de archivo; el formulario siempre se envía como multipart/form-data.
Accept filtra los tipos de archivo permitidos; MaxSize muestra una indicación del límite de tamaño; Multiple permite al usuario elegir varios archivos a la vez.
DragDropEnabled activa o desactiva el área de arrastre con estilo; Title, Subtitle y ButtonText definen sus textos.
IconHTML define el icono de la zona; ButtonStyle (TsgcHTMLButtonStyle, p. ej. bsPrimary) da estilo al botón de envío.
HTML devuelve el <form> de subida y CSS devuelve los estilos con ámbito .sgc-upload-zone — la plantilla de página genera ambos.
Las propiedades heredadas Section, ColumnWidth y RowGroup colocan el componente de subida en una cuadrícula TsgcHTMLPageBuilder.
| Todos los componentes de sgcHTMLExplora la matriz de características completa de más de 60 componentes. | Abrir | |
| Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos de demostración 60.HTML. | Abrir | |
| PreciosLicencias Single, Team y Site con todo el código fuente. | Abrir |