从本地上传图片到html上显示

<div class="pic" id="imgs" style="position: relative;">
<input type="file" id="file" style="opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;"/>
<i>+</i>
<u>上传照片</u>
</div>


var img = ""
      var file = document.getElementById('file');
       // var image = document.getElementById('imgs