Hirdetés

Új hozzászólás Aktív témák

  • Doink
    aktív tag

    Eddig jutottam . Az a baj vele, hogy mindkét alert undefined-et mutat .
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>File(s) size</title>
    <script>
    function sendFiles() {
      const imgs = document.querySelectorAll(".txt");
    alert(imgs[0])
    alert(typeof imgs.file)
    };
    </script>
    </head>
    <body onload="updateSize();">
    <p><input id="uploadInput" type="file" name="myFiles" onchange="sendFiles();">
    <p><input type="submit" value="Send file"></p>
    </body>
    </html>

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <style>strong { color: red }</style>
    <title>File(s) size</title>
    <script>
    function readTextFile(file) {
    const reader = new FileReader();
    reader.onload = (event) => {
    document.getElementById('file-content').innerHTML += `<strong>${file.name} (${file.size} bytes):</strong> <pre>${event.target.result}</pre> <br><br>`;
    };
    reader.readAsText(file);
    }

    function sendFiles(elem) {
    document.getElementById('file-content').innerHTML = '';

    for(const file of elem.files) {
    readTextFile(file);
    }
    };
    </script>
    </head>
    <body>
    <p><input id="uploadInput" type="file" name="myFiles" onchange="sendFiles(this);">
    <p><input type="submit" value="Send file"></p>
    </body>

    <p id="file-content"></p>
    </html>

Új hozzászólás Aktív témák