**已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。
这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
5天前关闭。
Improve this question
我试图在React JS应用程序中使用Axios发送FormData。此表单应该有文本和多个文件输入。当我试图使用querySelector选择表单时,它似乎不起作用。
import axios from 'axios';
function Verify() {
const form = document.querySelector("formElement");
console.log(form) //This says Null
const submitApplication = (e) => {
e.preventDefault();
const formData = new FormData(form);
axios.post('http://localhost:3001/stats', formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
}).then(() => {
console.log("Successfully Sent!")
});
};
return (
<>
<form id="formElement" encType="multipart/form-data" method="post">
<input type="text" placeholder="Full Name" name="fname" />
<input type="file" name="uploaded_file" />
<button onClick={submitApplication} >Submit for Review</button>
</form>
</>
);
}
export default Verify;
下面是错误消息:
未捕获的类型错误:构造“表单数据”失败:参数% 1的类型不是'HTMLFormElement'
1条答案
按热度按时间flvlnr441#
要使用querySelector按id选择HTML元素,必须在前面加上'#':