Demo - Tooltips

by Joel Parks

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.wijmo.com/5.latest/styles/wijmo.min.css">
<script src="http://cdn.wijmo.com/5.latest/controls/wijmo.min.js"></script>
<script src="http://cdn.wijmo.com/5.latest/controls/wijmo.input.min.js"></script>
<script src="http://cdn.wijmo.com/5.latest/controls/wijmo.grid.min.js"></script>
<script src="http://cdn.wijmo.com/5.latest/controls/wijmo.grid.filter.min.js"></script>
<input type="file" name="image_cod_barra" id="image_cod_barra" accept="image/*">
<img id="previewCodBarra" src="#" alt=""/>

CSS

.btn {
  margin: 4px;
}

JavaScript

onload = function() {
		 $('.btn-file input[type="file"]').change(function () {
        if ($(this).get(0).files.length) {
            $(this).parent().css('color', '#FF8445');
        } else {
            $(this).parent().css('color', '#333');
        }
        // Codigo de Barra
        if ($(this).attr('id') == 'image_cod_barra') {
            readPreviewImage(this, $('#previewCodBarra'));
        }
    });

    function readPreviewImage(input, imgElement) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $(imgElement).attr('src', e.target.result);
            }
            if (input.files.length > 0)
                reader.readAsDataURL(input.files[0]);
        } else {
            $(imgElement).attr('src', "#");
    		}
		}
}