Contents

<p>
<div class="uikit-fileupload">
<input id="{{ include.id }}" type="file" role="button" multiple/>
<label class="uikit-btn uikit-btn--tertiary" for="{{ include.id }}"><span>{{ include.label }}</span></label>
</div>
</p>

<script>
  Array.prototype.forEach.call(document.querySelectorAll('.uikit-fileupload input'), function(input) {
    var label	= input.nextElementSibling;
    var labelVal = label.innerHTML;

    input.addEventListener('change', function(e) {
      var fileName = '';

      if(this.files && this.files.length > 1)
        fileName = (this.files.length + ' files selected');
      else
        fileName = e.target.value.split('\\').pop();

      if(fileName)
        label.querySelector('span').innerHTML = fileName;
      else
        label.innerHTML = labelVal;
    });
  });
</script>

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
dta_rapid-0.4.2	_includes/buttons/upload-button.html
dta_rapid-0.4.1	_includes/buttons/upload-button.html
dta_rapid-0.4.0	_includes/buttons/upload-button.html