Html FileUpload

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div style="margin-bottom: 20px; font-style: italic;">Note: to be able to upload a file you would have to set the property <strong>uploadUrl</strong> to point to a file hosted on your server, which handles the upload process.</div>
<div id="jqxFileUpload"></div>

CSS

#jqxFileUpload {
  background-color: gray;
}

JavaScript

$('#jqxFileUpload').jqxFileUpload({
  theme: 'energyblue',
  width: 400,
  uploadUrl: 'upload.php',
  fileInputName: 'fileToUpload'
});