Skip to main content
3 / 12
本文に 267 文字追加
yyz
  • 1,847
  • 1
  • 9
  • 7

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(){});
    }
yyz
  • 1,847
  • 1
  • 9
  • 7