You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1.3 KiB
33 lines
1.3 KiB
/** |
|
* Styling input file uploads. |
|
* |
|
* @package OpenEMR |
|
* @link http://www.open-emr.org |
|
* @author Ranganath Pathak <pathak@scrs1.org> |
|
* @copyright Copyright (c) 2018 Ranganath Pathak <pathak@scrs1.org> |
|
* @license https://github.com/openemr/openemr/blob/master/LICENSE GNU General Public License 3 |
|
*/ |
|
$(function () { |
|
//adapted from https://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3 |
|
// We can attach the `fileselect` event to all file inputs on the page |
|
$(document).on('change', ':file', function () { |
|
var input = $(this), |
|
numFiles = input.get(0).files ? input.get(0).files.length : 1, |
|
label = input.val().replace(/\\/g, '/').replace(/.*\//, ''); |
|
input.trigger('fileselect', [numFiles, label]); |
|
}); |
|
// We can watch for our custom `fileselect` event like this |
|
$(function () { |
|
$(':file').on('fileselect', function (event, numFiles, label) { |
|
var input = $(this).parents('.input-group').find(':text'), |
|
log = numFiles > 1 ? numFiles + ' files selected' : label; |
|
if (input.length) { |
|
input.val(log); |
|
} else { |
|
if (log) { |
|
alert(log); |
|
} |
|
} |
|
}); |
|
}); |
|
}); |