js图片上传预览

html部分代码：

<span>图片</span><img src="" id="imgs">              //预览图片出现的位置<input type="file" onchange="previewFile()" name="img">

js部分代码：

<script>

//图片预览          function previewFile() {              var preview = document.getElementById('imgs');              var file  = document.querySelector('input[type=file]').files[0];              var reader = new FileReader();              reader.onloadend = function () {                  preview.src = reader.result;              }              if (file) {                  reader.readAsDataURL(file);              } else {                  preview.src = "";              }          }</script>