FileUpload

TsgcHTMLComponent_FileUpload — affichez une zone d'envoi de fichiers par glisser-déposer qui soumet les fichiers en multipart/form-data, en Delphi, C++ Builder et .NET.

En bref

TsgcHTMLComponent_FileUpload

Un composant d'envoi qui émet un <form> Bootstrap avec une zone de dépôt stylisée, un champ de fichier et un bouton de soumission, ainsi que son propre CSS dédié. Définissez l'action et les limites, puis lisez la propriété HTML.

Classe du composant

TsgcHTMLComponent_FileUpload

Produit

Formulaire Bootstrap 5 + CSS dédié de la zone de dépôt

Famille

Formulaires & Saisies

Langages

Delphi, C++ Builder, .NET

QuickStart

Créez-le, définissez la cible, affichez-le

Définissez Action, Accept et les textes de la zone de dépôt, puis lisez HTML (ou intégrez-le dans une page 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 CSS

Référence

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Cible

Action définit le point d'accès POST ; InputName nomme le champ de fichier ; le formulaire soumet toujours en multipart/form-data.

Contraintes

Accept filtre les types de fichiers autorisés ; MaxSize affiche une indication de limite de taille ; Multiple permet à l'utilisateur de choisir plusieurs fichiers à la fois.

Zone de dépôt

DragDropEnabled active la zone de dépôt stylisée ; Title, Subtitle et ButtonText en définissent le texte.

Apparence

IconHTML définit l'icône de la zone ; ButtonStyle (TsgcHTMLButtonStyle, par ex. bsPrimary) stylise le bouton de soumission.

Sortie

HTML renvoie le <form> d'envoi et CSS renvoie les styles dédiés .sgc-upload-zone — le modèle de page émet les deux.

Mise en page

Les propriétés héritées Section, ColumnWidth et RowGroup placent l'outil d'envoi sur une grille TsgcHTMLPageBuilder.

Ressources

Continuez l'exploration

	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir