Upload File Form Example

by petarsubotic

HTML

<div className="padding-30">
  <form id="voo-video-upload" method="post" encType="multipart/form-data">
    <input id="voo-video-upload-input" type="file" name="files[]" multiple/>
    <input type="submit" value="Upload Video" name="submit"/>
  </form>
</div>
<script>
    window.addEventListener('DOMContentLoaded', () => {
        const url = 'https://api.spotlightr.com/api/createVideo';
        const form = document.getElementById('voo-video-upload');
        form.addEventListener('submit', (e) => {
            e.preventDefault();
            const files = document.getElementById('voo-video-upload-input').files;
            const formData = new FormData();
            for (let i = 0; i < files.length; i++) {
                let file = files[i];
                formData.append('files[]', file);
            }
            formData.append('vooKey', 'YOUR API KEY');
            formData.append('name', 'Upload from API');
            formData.append('customS3', '0');
            formData.append('videoGroup', '0');
            formData.append('create', 1);
            formData.append('hls', 1);
            formData.append('file', files[0]);
            fetch(url, {
                method: 'POST',
                body: formData,
            })
            .then(response=>response.text())
            .then(data=>{ console.log(data); })
        });
    });
</script>