fileUploadJS

Super Stoat answered on October 7, 2022 Popularity 7/10 Helpfulness 1/10

answer fileUploadJS

fileUploadJS

Comment

copy
<input type="file" />

<script>
    // Get a reference to the file input
    const fileInput = document.querySelector('input');

    // Listen for the change event so we can capture the file
    fileInput.addEventListener('change', (e) => {
        // Get a reference to the file
        const file = e.target.files[0];

        // Encode the file using the FileReader API
        const reader = new FileReader();
        reader.onloadend = () => {
            // Use a regex to remove data url part
            const base64String = reader.result
                .replace('data:', '')
                .replace(/^.+,/, '');

            console.log(base64String);
            // Logs wL2dvYWwgbW9yZ...
        };
        reader.readAsDataURL(file);
    });
</script>

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: pqina.nl

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Oct 07 2022

Super Stoat

0 Answers Avg Quality 2/10

fileUploadJS

Contents

More Related Answers

fileUploadJS

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.