1

下面是页面的代码，但是，您会在头部看到我已经放入 javascript，它应该检查是否通过位于代码底部的文件上传输入字段选择了一个文件。在它检测到文件选择后，它应该自动提交表单，但由于某种原因它没有自动提交。为什么这不起作用？提前致谢！

JavaScript：（在head）

<head>
    <script type="text/javascript">
        document.getElementById("photofield").onchange = function() {
            document.getElementById("form").submit();
        }
    </script>
</head>

HTML（表格）：

<form enctype="multipart/form-data" action="photoupload.php" method="post" id="form">
    <input type="hidden" name="MAX_FILE_SIZE" value="524288">
    <p><input id="photofield" type="file" name="upload" /></p>
    </fieldset>
    <div align="center"><input type="submit" name="submit" value="Submit" /></div>
    <input type="hidden" name="submitted" value="TRUE" />
 </form>
4

1 回答 1

0

这是因为您有一个带有名称的输入元素 ( submit button)，submit这就是问题所在，如果您将提交按钮的名称更改为其他名称，submit那么它将起作用，例如，将您的提交按钮代码更改btn_submit为submit

<input type="submit" name="btn_submit" value="Submit" />

现在试试这个

window.onload = function(){
    document.getElementById("photofield").onchange = function() {
        document.getElementById("form").submit();
    };
};

使用名称submit，它会引发以下错误

Uncaught TypeError: Property 'submit' of object #<HTMLFormElement> is not a function

它将属性submit设置为HTMLFormElement，因此无法执行表单元素中的方法，请检查submit此工作示例（仅在 Chrome 中测试）。prototype

此外，在窗口onload上注册事件（也请阅读addEventListener并阅读此）事件也很重要，因为当您的代码在该部分中运行时表单不可用，head并且会引发以下错误

Cannot set property 'onchange' of null
于 2013-11-02T07:48:51.897 回答