非法调用 - FormData - 不理解为什么它不起作用

Question

我正在尝试使用此方法从输入文件中获取文件。 我知道已有几个关于此问题，但我尽我所能使其发挥作用。

以下是表格：

<form id="sendPDF" method="POST" name="sendPDF" enctype="multipart/form-data">
    <input type="file" id="attachPDFFile" name="attachPDFFile">
    <input type="hidden" name="idEntite">
    <input type="hidden" name="typeEntite">
    <input type="hidden" id="typeScanPDF" name="typeScan" value="">
</form>

和JQuery代码：

$("#attachPDFFile").on("change", function(){
    var file = this.files[0], 
        data = new FormData();

    data.append('attachPDF', file.name);

    $.ajax({
        url:        siteUrl + "/action/actionCommon/attachPDF",
        type:       'POST',
        dataType:   'JSON',
        data: data,
        cache: false,
        contentType: false,
        processData: false,
        success: ...
    });
});

这给我带来了非法的调用......

你可以帮帮我吗？这让我大吃一惊......