Предпросмотр изображения при загрузке в 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);
});

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


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