Framework | Framework

Button Chart Checkbox / Toggle Confirmation Popover DataTables DateTime Datepicker Email Error Page Error Messages Export CSV/PDF Form Upload Image/File Namespaces Number Plugins Scanner Select / Autocomplete Text / Textarea

Basic Image/File Upload

Output: ____ // Event Type: ____

HTML

<form data-fd-control="form" data-fd-onchange="false" asp-action="SaveForm" enctype="multipart/form-data" 
	   fd-ajax-begin="" fd-ajax-success="FD.Page.handleSaveForm" fd-ajax-failure="FD.Utility.onFailure">
	<fieldset>
		<div class="form-group row">
			<label class="col-form-label col-md-3" asp-for="Form.Title"></label>
			<div class="col-md-9">
				<input class="form-control" asp-for="Form.Title" data-fd-control="text" />
				<span asp-validation-for="Form.Title" class="text-danger"></span>
			</div>
		</div>
		<div class="form-group row">
			<label class="col-form-label col-md-3" asp-for="Form.Image"></label>
			<div class="col-md-9">
				<input class="form-control" data-fouc asp-for="Form.Image" value="/Content/images/default-file-image.png" data-fd-control="imagefile" accept="image/*"  />
				<span asp-validation-for="Form.Image" class="text-danger"></span>
			</div>
		</div>
		<div class="form-group row">
			<label class="col-form-label col-md-3" asp-for="Form.File"></label>
			<div class="col-md-9">
				<input class="form-control" data-fouc asp-for="Form.File" data-fd-control="imagefile" data-fd-enablepreview="false" />
				<span asp-validation-for="Form.File" class="text-danger"></span>
			</div>
		</div>
		<div class="form-group row">
			<label class="col-form-label col-md-3" asp-for="Form.File"></label>
			<div class="col-md-9">
				<input class="form-control" data-fouc asp-for="Form.Files" data-fd-control="imagefile" />
				<span asp-validation-for="Form.Files" class="text-danger"></span>
			</div>
		</div>
		<div class="form-group row">
			<label class="col-form-label col-md-3">Submit Button</label>
			<div class="col-md-9">
				<div class="btn-group">
					<button type="reset" class="btn btn-default">Reset</button>
					<button type="submit" class="btn btn-info">Submit</button>
				</div>
			</div>
		</div>
	</fieldset>
</form>

C#

public IFormFile Image { get; set; }
public bool ImageRemoved { get; set; }
public IFormFile File { get; set; }
public bool FileRemoved { get; set; }
public IEnumerable Files { get; set; }
public bool FilesRemoved { get; set; }