我使用以下形式通过 POST 发送文件以及文本“名称”:
<form enctype="multipart/form-data" action="https://site[DOT]net/upload" method="post">
<input id="name" type="text" />
<input id="data" type="file" />
<button type="submit" name="submit" />
</form>
Run Code Online (Sandbox Code Playgroud)
我想使用 javascript 做同样的事情。另外我不想被重定向。我想停留在 html 页面上,只显示一个弹出窗口“上传完成”。我怎样才能在javascript中做到这一点(没有jquery)?
编辑:
我尝试了这段代码,但 POST 不起作用:
<script>
function uploader {
var formData = new FormData();
formData.append("name", "Smith");
formData.append("data", fileInputElement.files[0]);
var request = new XMLHttpRequest();
request.open("POST", "https://site[DOT]net/upload");
request.send(formData);
}
</script>
<form>
<input id="name" type="text" />
<input id="data" type="file" />
<button type="submit" name="submit" />
<button onclick="uploader()">Click</button>
</form>
Run Code Online (Sandbox Code Playgroud)