javascript - 如何纠正 div 表现得像文件浏览器的错误

Question

我的问题:我有一个代码，我用它来使 div 的行为像一个文件浏览器，但它一直在给出错误 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
}

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