FormData オブジェクトを使うと良いかと
>ファイルのアップロードについて、formの<input type = "file">を使ってのアップロードはできています。

サーバ側は動いているようなので、perlのコードはそのまま使えると思います、`url: 'f.php'` をperlのURLに変更してください。
(サンプルコードは、エラー処理とか複数ファイルのuploadは考慮していません。)

        function drop(e) {
            e.stopPropagation();
            e.preventDefault();
        
            var files = e.dataTransfer.files;
        
            fup(files[0]);
        }
        function fup(file) {
            var formData = new FormData();
            formData.append('file', file);
    
    //javascriptだけなら
    //        var up = new XMLHttpRequest();
    //        up.open("POST", "f.php", true);
    //        up.send(formData);
    
    //jqueryを使っているなら
            $.ajax({
                async: true,
                type: 'POST',
                contentType: false,
                processData: false,
                url: 'f.php',
                data: formData,
                dataType :'html'
            }).done(function(){});
        }