Powtóreczka

Powtorka_01/rzeczy/index.html

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="pl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Wysyłanie</title>
+</head>
+<body>
+    <h1>Wysyłanie tekstu i obrazka</h1>
+    
+    <div style="width: 500px; height: 500px; overflow: hidden; border: 1px solid black;" id="obrazek"></div>
+    <div style="width: 500px; height: 500px; overflow: hidden; border: 1px solid black;" id="tekst"></div>
+
+    <input type="file" name="plik" id="plik">
+    <button id="wyslij">Wyślij</button>
+
+    <script>
+        const przycisk = document.getElementById("wyslij")
+        
+        przycisk.onclick = function() {
+            const fd = new FormData()
+
+            fd.append("file", document.getElementById("plik").files[0])
+
+            const body = fd
+
+            const options = {
+                method: "POST",
+                body: body
+            }
+
+            fetch("/handleUpload", options)
+                .then(function(response) {
+                    return response.json()
+                })
+                .then(function(data) {
+                    console.log(data.typ)
+
+                    if(data.typ == "obrazek") {
+                        const obrazek = document.getElementById("obrazek")
+
+                        obrazek.innerHTML = `<img src="${data.nazwa_pliku}">`
+                    } else if(data.typ == "tekst") {
+                        const tekst = document.getElementById("tekst")
+
+                        tekst.innerText = data.tresc
+                    }
+                })
+                .catch(function(err) {
+                    console.error(err)
+                })
+        }
+    </script>
+</body>
+</html>

Powtorka_01/rzeczy/upload/upload_25f4ffb7b8118261537b0e74bc727599.txt

@@ -0,0 +1 @@
+przykładowy tekst lorem ipsum i tak dalej

Powtorka_01/rzeczy/upload/upload_40f64d87c5ef1c4c3f56f2ecdff7f828.txt

@@ -0,0 +1 @@
+przykładowy tekst lorem ipsum i tak dalej

Powtorka_01/rzeczy/upload/upload_5d5a1ca3ac7a283613fc89c3222ec1d6.txt

@@ -0,0 +1 @@
+przykładowy tekst lorem ipsum i tak dalej

Powtorka_01/rzeczy/upload/upload_6c7877f7697290d1a26e9335968d09c7.txt

@@ -0,0 +1 @@
+przykładowy tekst lorem ipsum i tak dalej

Powtorka_01/rzeczy/upload/upload_8f762425a5803a8a94eaecda1c80975e.txt

@@ -0,0 +1 @@
+przykładowy tekst lorem ipsum i tak dalej

Powtorka_01/rzeczy/upload/upload_9b8997924181cd561d392ea0dc92a7c3.txt

@@ -0,0 +1 @@
+przykładowy tekst lorem ipsum i tak dalej

Powtorka_01/rzeczy/upload/upload_ad0263924152ae84d8af1a069482d284.txt

@@ -0,0 +1 @@
+przykładowy tekst lorem ipsum i tak dalej

Powtorka_01/rzeczy/upload/upload_cd7fc9c4fede3af42b94566139af6b6e.txt

@@ -0,0 +1 @@
+przykładowy tekst lorem ipsum i tak dalej

Powtorka_01/rzeczy/upload/upload_d4e36b45a7d722dd7637830c260a6b39.txt

@@ -0,0 +1 @@
+przykładowy tekst lorem ipsum i tak dalej

Powtorka_01/rzeczy/upload/upload_ed6f685dd9a25dd320f6bc0f71c00385.txt

@@ -0,0 +1 @@
+przykładowy tekst lorem ipsum i tak dalej