Question

我希望上传按钮（将被隐藏）在选择文件后自动计算（更改时）。问题是我得到了以下错误消息。我搜索了它，有一个建议改变按钮的名称，但它没有帮助。这是错误：videator.php：380 Uncaught TypeError：document.getElementById（...）。submit不是函数

jQuery的：

  $(".upload").click(function(){
      $("#fileToUpload").click();
  });
  document.getElementById("fileToUpload").onchange = submitAction;

   function submitAction(){
       document.getElementById("btnSubmit").submit();
       return false;
   }

HTML

<form action="videator.php" method="post" enctype="multipart/form-data"  id='btnSubmit'>
       <h3> Select a video to upload:</h3>
       <img class='upload' src="img/upload.png"/>
       <input class="form" type="file" name="fileToUpload" id="fileToUpload" accept="video/*" >
       <input class="form" id='' type="submit"  value="Upload Image"  name="submit">
   </form>

我做错了什么？所以：我需要一个按钮而不是2个按钮（默认）。所以你点击它然后弹出上传文件窗口 - 你选择一个文件然后自动上传。

请帮忙。

Answer 1

按照这里所说的：

"Submit is not a function" error in JavaScript

您有一个名为“submit”的提交输入。

<input class="form" id='' type="submit"  value="Upload Image"  name="submit">

这是导致错误抛出的原因。如果你将该按钮重命名为其他任何东西，它应该可以工作。

<input class="form" id='' type="submit"  value="Upload Image"  name="newName">

这是一个有效的例子。如果您打开控制台，则会看到submit错误消失。

https://jsfiddle.net/mewcg3zo/5/

用于上传提交文件的单个按钮 - 更改时自动提交文件。 JQuery的

1 个答案: