2015-10-14 117 views
-2

我知道这个问题的意思,但我不知道如何解决它。此代码是标记之前:无法获取财产“的addEventListener”的未定义或空引用

<script> 
var fileInput = document.getElementById('#fileToUpload'); 

    fileInput.addEventListener('change', function() 
    { 
     var reader = new FileReader(); 

     reader.addEventListener('load', function() 
     { 
      alert('Contenu du fichier "' + fileInput.files[0].name + '" :\n\n' + reader.result); 
     }, false); 

     reader.readAsText(fileInput.files[0]); 

    }, false); 
</script> 

其次是这样的:

<body> 
(...) 
<input class="inputToCover" id="fileToUpload" type="file" multiple /> 
(...) 
</body> 

IE10把我这个错误:无法获取的未定义或空引用财产“的addEventListener”,到该行:fileInput.addEventListener('change', function()

编辑

其实感谢您的回答!我修正了它,现在是var fileInput = document.getElementById('fileToUpload');,但同样的错误仍然存​​在。有任何想法吗?

+0

id是'fileToUpload'而不是'#fileToUpload' – cy3er

回答

3

您正在尝试吃你的披萨,然后再实施它。

之前被渲染到页面中,不能引用的元素。您需要拨打onloaddocument ready的脚本,或将其放在页面上的元素之后。通常情况下,人们会在关闭正文标签之前放置脚本。

相关问题