custom-file-input.js

/*
	hello@mushfiqweb.com, https://mushfiqweb.com
*/

'use strict';

(function (document, window, index) {
	var inputs = document.querySelectorAll('.inputfile');
	Array.prototype.forEach.call(inputs, (input) => {
		var label = input.nextElementSibling, labelVal = label.innerHTML;
		input.addEventListener('change', (e) => {
			var fileName = '';
			if (this.files && this.files.length > 1)
				fileName = (this.getAttribute('data-multiple-caption') || '').replace('{count}', this.files.length);
			else
				fileName = e.target.value.split('\\').pop();

			if (fileName)
				label.querySelector('span').innerHTML = fileName;
			else
				label.innerHTML = labelVal;
		});

		// Firefox bug fix
		input.addEventListener('focus', function () { input.classList.add('has-focus'); });
		input.addEventListener('blur', function () { input.classList.remove('has-focus'); });
	});
}(document, window, 0));