jquery.upload.jsでformdataを送りたい

Question

<form action="/upload" method="post" enctype="multipart/form-data" id="filepath" name ="filepath">
<button id="btnUpload" class="btn-material non-draggable" type="button" ></button>
</form>

var form = $('#filepath').get(0);
var formData = new FormData(form);
$('#filepath').upload(
                    URL
                    ,formData
                    ,function(data){
                        var ret = eval(data);
                        if(ret.result.code == 0)
                        {
　　　　　　　　　　　　　　　//成功したら
                            console.log(ret);

                        }
                        else
                        {
　　　　　　　　　　　　　　　//失敗したら
                        }

                    }
                    ,'json'
                );

上記のようなコードでfileをアップロードしたくjquery.upload.jsを使っているのですが【Uncaught TypeError: Illegal invocation】というエラーが出てしまいます。
これを避けるためにはどうすればよろしいでしょうか。
processData: false,
contentType: false

↑をoptionとしてつければいけるみたいな事を調べてみたら出てきたのですがどう入れればよろしいのでしょうか。そもそもこれで行けるんでしょうか

ご教授お願いします

＃追記
jquery : v1.4.4
jquery.upload.js :v1.0.2

Comments

[退会済みユーザー]

使用している jQuery とプラグインのバージョンを教えてください。

Answer 1

jQuery.upload は FormData に対応していないようです。
でも、それを使わなくても実現できます。

$.ajax({
    cache: false,
    contentType: false,
    data: new FormData(
        $("#filepath").get(0)
    ),
    dataType: "json",
    error: function (jqXHR, textStatus, errorThrown) {
        ...
    },
    processData: false,
    success: function (data, textStatus, jqXHR) {
        ...
    },
    type: "POST",
    url: URL
});