File upload using XHR PUT

upload.js

(function () {
    var $dropTarget = $("#drop-target");

    var slice = Function.prototype.call.bind(Array.prototype.slice);

    $dropTarget.on({
        drop: function (event) {
            slice(event.originalEvent.dataTransfer.files).forEach(putFile);

            return false;
        },
        dragover: false
    });

    function putFile(file) {
        var xhr = new XMLHttpRequest();

        xhr.upload.addEventListener("progress", function (e) {
            if (e.lengthComputable) {
                console.log(e.loaded / e.total);
            }
        });

        xhr.upload.addEventListener("load", function () {
            console.log("uploaded");
        });

        xhr.open("PUT", "http://localhost:7070/123/fromXHR.pdf");
        xhr.overrideMimeType(file.type);

        xhr.send(file);
    }
}());

Why when i try this I get a 405 (Method Not Allowed) error ?

This is a good snippet :)