Properties

autoUpload bool false

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>
accept string null

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>
browseTemplate string ''

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>
cancelTemplate string ''

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>
disabled bool false

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>
fileInputName string ''

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>
height int 'auto'

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>
localization string null

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>
multipleFilesUpload bool true

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>
renderFiles string null

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>
rtl bool false

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>
theme string ''

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>
uploadUrl string ''

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>
uploadTemplate string ''

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>
width int null

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>

Events

remove Event

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>									
}
select Event

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>									
}
uploadStart Event

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>									
}
uploadEnd Event

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>									
}

Methods

browse Method 
<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>									
}
cancelFile Method 
<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>									
}
cancelAll Method 
<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>									
}
destroy Method 
<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>									
}
render Method 
<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>									
}
refresh Method 
<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>									
}
uploadFile Method 
<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>									
}
uploadAll Method 
<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>									
}