Предпросмотр на JavaScript

var imgPreview = document.querySelector('.img-preview img');
 
var loadImg = function(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
 
    reader.onload = function(e) {
      imgPreview.src = e.target.result;
    }
    reader.readAsDataURL(input.files[0]);
  }
}
 
document.querySelector('#my_Button').click = function() { //вот и кнопка
  loadImg(this);
}

     <script>
        // Регистрация обработчика события load для HTML-страницы
        window.addEventListener("load", loadScript, false);
        // Функция запускается после загрузки HTML-страницы
        function loadScript() {
            // Ссылка на элемент img
            var preview_img = document.getElementById("preview-img");
            
            // Получение ссылки на элемент input и
            // регистрация обработчика события change для него 
            var input_image = document.getElementById("input-image");
            input_image.addEventListener("change", readFile, false);
            
            // Отмена действий по умолчанию для события change:
            // предупреждает всплытие события к элементу form
            // и  перезагрузку страницы
            input_image.addEventListener("change", function (event) { event.preventDefault(); });
            
            // Обработчик события change элемента input
            function readFile() {
                // Вызов онструктора FileReader() для работы с двоичными объектами
                var reader = new FileReader();
                
                // Чтение содержимого URL
                // из двоичного представления загружаемого изображения
                reader.readAsDataURL(this.files[0]);
                
                // Передачча значения result аттрибуту src элемента img,
                // которое вернуло свойство readAsDataURL объекта FileReader
                // после окончания загрузки последнего
                reader.addEventListener("load", function (event) { preview_img.src = event.target.result; }, false);
                
                // Отмена действий по умолчанию для события load:
                // предупреждает всплытие события к элементу form
                // и  перезагрузку страницы   
                reader.addEventListener("load",  function (event) { event.preventDefault(); });   
            }
        }
    </script>