使用File发送POST请求时的IllegalInvocation

Question

我有一个从<input />标签中检索到的HTML5文件对象。我试图将其上传到在线照片共享服务imgur.com。但是，每当我发送以下发布请求时，都会收到IllegalInvocation错误。

var fd = new FormData();
fd.append('image', file);
fd.append('key', 'MY_KEY');
$.post('https://api.imgur.com/3/image', fd, function(result){
    console.log(result);
});

我已经检查了我发送的file，并且它是常规对象：

File {name: "cloud.png", lastModified: 1456036658039, lastModifiedDate: Sat Feb 20 2016 22:37:38 GMT-0800 (PST), webkitRelativePath: "", size: 721366…}...

编辑：新请求提供400 错误请求

    var fd = new FormData();
    fd.append('image', file);
    $.ajax({
        type: "POST",
        headers: {
            'Authorization': 'Client-ID MY_CLIENT_ID'
        },
        url: 'https://api.imgur.com/3/image',
        processData: false,
        data: fd,
        success: function(result) {
            console.log(result);
        }
    });