Есть вот такая разметка
<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); });