RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 20:47:45 +00:00
Code Issues Activity Actions

LibWeb: Add multipart/form-data demo to formdata.html

Browse source
This commit is contained in:
Kenneth Myhra 2023-04-02 23:05:35 +02:00 • committed by Linus Groh
parent 1120011de4
commit c9ee1ad5ae
1 changed files with 21 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

21
Base/res/html/misc/formdata.html
View file

@ -2,6 +2,14 @@
<html> <html>
<head> <head>
<title>FormData</title> <title>FormData</title>
<style>
.code-block {
background-color: grey;
color: lightgrey;
border-radius: 2px;
padding: 5px;
}
</style>
<script> <script>
function log(s) { function log(s) {
document.getElementById("out").innerHTML += `${s}\n`; document.getElementById("out").innerHTML += `${s}\n`;
@ -41,6 +49,15 @@
log(`Entry: ${entry[0]}, ${entry[1]}`); log(`Entry: ${entry[0]}, ${entry[1]}`);
} }
} }
function postMultipartFormData() {
let form = document.getElementById("form1");
let formData = new FormData(form);
let xhr = new XMLHttpRequest;
xhr.open("POST", "http://localhost:8000");
xhr.send(formData);
}
</script> </script>
</head> </head>
<body> <body>
@ -67,5 +84,9 @@
<button onclick="dumpFormContents()">Test FormData Features</button> <button onclick="dumpFormContents()">Test FormData Features</button>
<div style="padding-top: 30px; padding-left: 5px">To test multipart/form-data start a simple echo server:</div>
<div style="padding-left: 10px; padding-bottom: 10px"><span class="code-block">while true; do printf 'HTTP/1.1 200 OK\n' | nc -Nl 8000; done</span></div>
<button onclick="postMultipartFormData()">Test multipart/form-data</button>
<pre id="out"></pre> <pre id="out"></pre>
</body> </body>