关于文件上传时获取文件的相关问题

Question

代码如下<template>  <div>    <!-- 文件上传 -->    <div class="upload">      <p>          <label>请选择一个文件：</label>          <input type="file" id="file" multiple="multiple" @change="readAsDataURL()" />      </p>        <div id="result" name="result"></div>    </div>  </div></template><script>  export default {    data () {      return {      }    },    methods: {      readAsDataURL () {        let file = document.getElementById("file").files        console.log(file)        let result = document.getElementById("result")        for (var i = 0; i < file.length; i++) {          var reader = new FileReader()          reader.readAsDataURL(file[i])          reader.onload = function (e) {            result.innerHTML = result.innerHTML + '<img src="' + this.result + '" alt="" />'          }        }      }    }  }</script>这段代码中打印file在ie9时为undefined，如下图请问如何解决才能兼容ie9？

Answer 1

下面这句应该没问题，把这里以下注释掉，再慢慢输出看结果

let file = document.getElementById("file").files

console.log(file)

至于fileReader,看图吧