图片预览

function preview(file) {
  var prevDiv = document.getElementsByClassName('images')[0];//容器
  let file = file.files[0]
    var reader = new FileReader();
    var item = document.createElement("div");
    item.className='item'
    reader.onload = function(evt) {
      item.innerHTML='<img src="' + evt.target.result + '" /><div class="name">'+file.name+'</div>'
      prevDiv.appendChild(item);
    }
    reader.readAsDataURL(file);
}