如何在从打开对话框窗口关闭事件中选择文件后调用 javascript 函数。在 HTML 中使用 html 文件类型 =“文件”答案

【问题标题】：How to call a javascript function after the selection of file from the Open Dialog window close event. in HTMLusing html file type="file"如何在从打开对话框窗口关闭事件中选择文件后调用 javascript 函数。在 HTML 中使用 html 文件类型 =“文件”
【发布时间】：2010-05-11 03:55:31
【问题描述】：

<html>
<body>
    <script language="javascript">
    document.getElementById('myfileId').onchange = function(e) { alert('change'); }
    </script>

    <form action="" >
        <input type="file"  id="myfileId" name="myfile">
    </form>

    </body>
</html>

如何在文件选择后调用 JavaScript 函数。

编辑：1

<html>
<body>

    <form>
        <input type="file"  id="myfileId" name="myfile">
    </form>
 <script language="javascript">
  window.onload = function() 
        { 
    alert("Test");

    document.getElementById('myfileId').onblur =  function(e) { alert('change'); }
        }
    </script>
    </body>
</html>

【问题讨论】：

为什么没有<html>元素！事实上，我什至不知道这是什么语言。您能否为您的问题添加一些上下文，例如什么错误消息和行为（预期和实际）等等？
对于您的编辑，我实际上并不是要制作完整的 HTML 文档。我只是说您需要更多上下文，例如“什么错误消息和行为（预期和实际）”
@Earlz 我需要在从打开对话框窗口关闭事件中选择文件后调用一个 javascript 函数。

标签： javascript html

【解决方案1】：

您必须将<script> 放在 <input> 之后。 document.getElementById('myfileId')如果放在前面就不存在了，所以什么都不返回。

【讨论】：

@coderex：不可重现。提示：您需要关闭（确认）文件选择对话框才能看到警报。
更改事件往往会在失去焦点时触发，而不是在进行更改后立即触发。
@KennyTM 的 onchange 没有工作任何更多
@KennyTM 检查我的编辑部分我添加了我的最新代码。你可以检查并告诉我有什么问题
@coderex：仍然有效。请注意，使用onblur，您需要在<input> 之外单击才能触发。

【解决方案2】：

正如@Kenny 所说，您必须将脚本放在输入声明之后，以便在执行脚本时元素实际存在，或者将函数添加到文档的onload 事件中：

window.onload = function() 
        { document.getElementById('myfileId').onchange =  
          function(e) { alert('change'); }
        }

【讨论】：