Код javascript для отображения выбранного изображения не работает

Question

Я просмотрел другие вопросы и нашел, что этот код работает, но он не работает. Я попытался очистить кеш в браузере, но все же он не работает. Может ли кто-нибудь сказать мне, что не так?

 <script> 
     function showImage(input) { 
      if (input.files && input.files[0]) { 
      var reader = new FileReader(); 

      reader.onload = function (e) { 
       $('#pic').attr('src',e.target.result).width(200).height(200);      

      }; 

      reader.readAsDataURL(input.files[0]); 
     } 
     } 
    </script> 

HTML код

<input type="file" name="fupload" onchange="showImage(this);"/> 
    <img id="pic" src="#" alt="your image" width="200" height="200"/> 

Answer 1

Возможно, вы не включили JQuery!

<script> 
    function showImage(input) { 
     if (input.files && input.files[0]) { 
      var reader = new FileReader(); 
      var preview = document.querySelector('#pic'); //-->Added line; 

      reader.onload = function (e) { 
       //---Correction is here--- 
       //$('#pic').attr('src',e.target.result).width(200).height(200); 
       preview.src = reader.result; 

     }; 

     reader.readAsDataURL(input.files[0]); 
    } 
    } 

испытания его JsFiddle;