FileUpload
TsgcHTMLComponent_FileUpload — Delphi, C++ Builder 및 .NET에서 파일을 multipart/form-data로 전송하는 드래그 앤 드롭 파일 업로드 영역을 렌더링합니다.
TsgcHTMLComponent_FileUpload — Delphi, C++ Builder 및 .NET에서 파일을 multipart/form-data로 전송하는 드래그 앤 드롭 파일 업로드 영역을 렌더링합니다.
스타일이 적용된 드롭 영역, 파일 입력 및 전송 버튼이 있는 Bootstrap <form>과 자체 범위 지정 CSS를 내보내는 업로드 컴포넌트입니다. 액션과 제한을 설정한 다음, HTML 속성을 읽습니다.
TsgcHTMLComponent_FileUpload
Bootstrap 5 폼 + 범위 지정 드롭 영역 CSS
Delphi, C++ Builder, .NET
Action, Accept 및 드롭 영역 텍스트를 설정한 다음, HTML을 읽습니다(또는 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가장 자주 사용하게 되는 멤버.
Action은 POST 엔드포인트를 설정합니다. InputName은 파일 필드의 이름을 지정하며, 폼은 항상 multipart/form-data로 전송됩니다.
Accept는 허용된 파일 유형을 필터링합니다. MaxSize는 크기 제한 힌트를 표시하고, Multiple은 사용자가 여러 파일을 한 번에 선택하게 합니다.
DragDropEnabled는 스타일이 적용된 드롭 영역을 토글합니다. Title, Subtitle 및 ButtonText가 그 텍스트를 설정합니다.
IconHTML은 영역 아이콘을 설정합니다. ButtonStyle(TsgcHTMLButtonStyle, 예: bsPrimary)이 전송 버튼을 스타일링합니다.
HTML은 업로드 <form>을 반환하고 CSS는 범위 지정 .sgc-upload-zone 스타일을 반환합니다 — 페이지 템플릿이 둘 다 내보냅니다.
상속된 Section, ColumnWidth 및 RowGroup이 업로더를 TsgcHTMLPageBuilder 그리드에 배치합니다.