Dropzone AWS S3

by Jason Butz

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.css">
<div id="dz"></div>

JavaScript

(function() {
    Dropzone.autoDiscover = false;
    var dz = new Dropzone('#dz', {
        url: 'https://mettis-deploy.s3.amazonaws.com/jb-test?AWSAccessKeyId=AKIAI3YZ5PG74WO6OJ7A&Content-Type=application%2Foctet-stream&Expires=1486045911&Signature=Jj3VKFkbUHcyEHid1Qo5gAe6ECM%3D',
        method: 'PUT',
        headers: {
            'Cache-Control': null,
            'X-Requested-With': null,
            'Content-Type': 'application/octet-stream'
        },
    });
    document.getElementById('dz').className = 'dropzone';

    dz.on('sending', function(file, xhr, formData) {
        let _send = xhr.send
        xhr.send = () => {
			_send.call(xhr, file);
        };
    })
}());