ASP .NET Core MVC Documentation

Sets or gets the autoUpload property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload auto-upload="true" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the accept property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload accept="image/*" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the browseTemplate property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload browse-template="primary" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the cancelTemplate property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload cancel-template="danger" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload disabled="true" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the fileInputName property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload file-input-name="input" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the height property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload height="150" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the localization property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload localization="localization" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the multipleFilesUpload property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload multiple-files-upload="true" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the renderFiles property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload render-files="renderFiles" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the rtl property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload rtl="true" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the theme property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload theme="energyblue" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the uploadUrl property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload upload-url="upload.php" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the uploadTemplate property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload upload-template="warning" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Sets or gets the width property.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload width="300" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>

Code examples

Bind to the remove event of jqxFileUpload.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload on-remove="eventHandler()" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Code examples

Bind to the select event of jqxFileUpload.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload on-select="eventHandler()" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Code examples

Bind to the uploadStart event of jqxFileUpload.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload on-upload-start="eventHandler()" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Code examples

Bind to the uploadEnd event of jqxFileUpload.

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload on-upload-end="eventHandler()" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload instance="getInstance()" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["browse"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload instance="getInstance()" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["cancelFile"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload instance="getInstance()" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["cancelAll"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload instance="getInstance()" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["destroy"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload instance="getInstance()" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["render"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload instance="getInstance()" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["refresh"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload instance="getInstance()" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["uploadFile"](0);									
	}									
</script>									
}

<script src="~/jqwidgets/jqxfileupload.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<jqx-file-upload instance="getInstance()" upload-url="@Url.Action("UploadFile", "TagHelpers")" ></jqx-file-upload>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["uploadAll"]();									
	}									
</script>									
}