33 lines
942 B
JavaScript
33 lines
942 B
JavaScript
/* ==========================================
|
|
SHOW UPLOADED IMAGE
|
|
* ========================================== */
|
|
function readURL(input) {
|
|
if (input.files && input.files[0]) {
|
|
var reader = new FileReader();
|
|
|
|
reader.onload = function (e) {
|
|
$('#imageResult')
|
|
.attr('src', e.target.result);
|
|
};
|
|
reader.readAsDataURL(input.files[0]);
|
|
}
|
|
}
|
|
|
|
$(function () {
|
|
$('#upload').on('change', function () {
|
|
readURL(input);
|
|
});
|
|
});
|
|
|
|
/* ==========================================
|
|
SHOW UPLOADED IMAGE NAME
|
|
* ========================================== */
|
|
var input = document.getElementById( 'upload' );
|
|
var infoArea = document.getElementById( 'upload-label' );
|
|
|
|
input.addEventListener( 'change', showFileName );
|
|
function showFileName( event ) {
|
|
var input = event.srcElement;
|
|
var fileName = input.files[0].name;
|
|
infoArea.textContent = 'File name: ' + fileName;
|
|
} |