FileUpload
TsgcHTMLComponent_FileUpload — Delphi, C++ Builder ve .NET'te dosyaları multipart/form-data olarak gönderen, sürükle-bırak bir dosya yükleme bölgesi işleyin.
TsgcHTMLComponent_FileUpload — Delphi, C++ Builder ve .NET'te dosyaları multipart/form-data olarak gönderen, sürükle-bırak bir dosya yükleme bölgesi işleyin.
Stilli bir bırakma bölgesi, bir dosya girdisi ve bir gönder düğmesi ile birlikte kendi kapsamlı CSS'sini içeren bir Bootstrap <form> üreten bir yükleme bileşeni. Eylemi ve sınırları ayarlayın, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_FileUpload
Bootstrap 5 form + kapsamlı bırakma bölgesi CSS'si
Delphi, C++ Builder, .NET
Action, Accept ve bırakma bölgesi metinlerini ayarlayın, ardından HTML'i okuyun (ya da bir TsgcHTMLTemplate_Bootstrap sayfasına yerleştirin).
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 CSSEn sık başvurduğunuz üyeler.
Action, POST uç noktasını ayarlar; InputName, dosya alanını adlandırır; form her zaman multipart/form-data olarak gönderir.
Accept, izin verilen dosya türlerini filtreler; MaxSize bir boyut sınırı ipucu gösterir; Multiple, kullanıcının aynı anda birkaç dosya seçmesini sağlar.
DragDropEnabled, stilli bırakma alanını açıp kapatır; Title, Subtitle ve ButtonText onun metnini ayarlar.
IconHTML, bölge simgesini ayarlar; ButtonStyle (TsgcHTMLButtonStyle, örn. bsPrimary), gönder düğmesini biçimlendirir.
HTML, yükleme <form>'unu döndürür ve CSS, kapsamlı .sgc-upload-zone stillerini döndürür — sayfa şablonu ikisini de üretir.
Devralınan Section, ColumnWidth ve RowGroup, yükleyiciyi bir TsgcHTMLPageBuilder ızgarasına yerleştirir.