如何纠正div的错误行为就像文件浏览器一样

Question

我的问题：我有一个代码，我使用它来使div表现得像文件浏览器，但它在谷歌chromes控制台检查如何纠正它时继续发出错误Uncaught ReferenceError: handleFileSelect is not defined

我的代码：

<input class="image_select" id="image_select" type="file" name="image" style="display:none">

<script>
    document.getElementById('image_select').addEventListener('change', handleFileSelect, false);
</script>

<div class="faker_select_button-singular" 
     onclick="document.getElementById('image_select').click();">
        Select My Image
</div>

注意：不是错误是任何问题，我不喜欢在网站上有错误

Answer 1

它会准确地告诉您错误是什么。您没有定义handleFileSelect回调函数。

为上帝的缘故定义功能。

这就是你定义一个函数的方法：

function handleFileSelect()
{
    //code
}

只需在添加侦听器之前放置此代码段，它就不会抛出任何错误。