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

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").filesconsole.log(file)至于fileReader,看图吧