Question

我有一个表单元素，它有一个文件上传按钮和一个提交按钮。单击提交按钮，它需要一个变量中的表单元素，而不是提交表单。但是在我的示例中，console.log（form）返回什么都没有。

我如何实现这一点，以便我可以在formData对象中分配表单？

php文件如下：

<?php  ?>
<html>
<body>
<form id='myform'>
<input type='file' id='up' name='image' >
<input type='submit' value='submit' id='submit'>
</form>

<script>    
   function upload(e){
      e.preventDefault();
      var form=document.querySelector('#myform');
      console.log(form);
   }


    document.getElementById('submit').addEventListener('click',upload,false);
</script>
</body>
</html>

Answer 1

你的意思是这会抓住<form>的所有字段吗？

var formData = new FormData(document.getElementById('myform'));

我假设您最终正在努力进行AJAX调用

如何像任何其他html元素

1 个答案: