FormData オブジェクトを使うと良いかと
ファイルのアップロードについて、formのを使ってのアップロードはできています。
サーバ側は動いているようなので、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 :'xml'
}).done(function(){});
}