Codigo de Javascript para hacer un preview de Imagen antes de subir a base de datos(database)

preview_image_in_codeigniter.php

<!-- Div escondido que se mostrara hasta que haya un valor dentro del elemento <img> -->
    <div class="thumbnail" id="div-preview" style="display:none;">
      <img alt="Image Display Here" id="image_preview" src="#" />
    </div>
<!-- Post Image -->
    <div class="form-group">  
    	<?php echo form_label('Upload Image', 'post_image') ?>
        <?php
			$data = array(
				'name'	=> 'post_image',
				'id'	=> 'post_image',
				'class'	=> 'form-control',
				'onchange'	=> 'readURL(this)',
				'type'	=>	'file',
				'value'	=> set_value('post_image')
			);
		?>
		<?php echo form_upload($data); ?>
    </div>

previewimage.js

   function readURL(input) {
   // Esconde el div a menos que haya contenido dentro
   var x = document.getElementById("div-preview");
    if (x.style.display === "none") {
        x.style.display = "block";
    }
	// Muestra la imagen si es que existe
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
        // ID de la imagen(si es que existe).
        $('#image_preview').attr('src', e.target.result);
       }
        reader.readAsDataURL(input.files[0]);
       }
    }