Предпросмотр изображения при загрузке в input type=“file”

Есть вот такая разметка
<div class="col s6">
  <div class="file-field input-field">
     <div class="btn file">
        <span>Выбрать файл</span>
        <input type="file"id="upload-image">
     </div>
     <div class="file-path-wrapper">
        <input class="file-path validate"type="text">
     </div>
   </div>
   <img class="materialboxed"id="image"width="100%"src="">
</div>

 

и js
function readURL(input) {


   if (input.files&&input.files[0]) {
      varreader=newFileReader();


      reader.onload=function(e){
         $('#image').attr('src',e.target.result);
      };


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


$("#upload-image").change(function(){
   readURL(this);
});

 

Связаться с нами


Нажимая кнопку, вы соглашаетесь на обработку данных