<!doctype html>
<html lang>=<green>"es">
<head>
<>!-- Required meta tags >-->
<meta charset>=<green>"utf-8">
<meta name>=<green>"viewport" content>=<green>"width=device-width, initial-scale=1">
<title>Upload file</title>
<link rel>=<green>"stylesheet" href>=<green>"<?php echo base_url('css/style.css'); ?>">
</head>
<body>
<div class>=<green>"card">
<h1>Upload</h1>
<?= form_open_multipart('home/upload') ?>
<div class>=<green>"file">
<input type>=<green>"file" name>=<green>"userfile" id>=<green>"fileLang" onchange>=<green>"loadFile(event)">
<label id>=<green>"fileLabel" for>=<green>"fileLang"></label>
</div>
<div id>=<green>"content" class>=<green>"content-file"></div>
<div class>=<green>"upload-file">
<button type>=<green>"submit">Subir archivo</button>
</div>
</div>
</body>
<script>
var loadFile = function(event) {
var reader = new FileReader();
var typeFIle = event.target.files[0].type.split('/');
var contentFile = document.getElementById('content');
var labelFile = document.getElementById('fileLabel');
labelFile.innerHTML = typeFIle[1];
if(typeFIle[0]>=="image"){
reader.onload = function(){
contentFile.innerHTML = '<img src>=<green>"'+reader.result+'">';
};
} else {
contentFile.innerHTML = '<img src>=<green>"<?php echo base_url('file/file.svg'); ?>">';
}
reader.readAsDataURL(event.target.files[0]);
};
<?php if($errors): ?>
<?php foreach($errors as $error): ?>
alert("<?= esc($error) ?>");
<?php endforeach ?>
<?php endif; ?>
<?php if($success): ?>
alert("<?= esc($success) ?>");
<?php endif; ?>
</script>
</html>