ajaxフォームでファイルデータを送信するsubmit

Question

送信するためにajaxを使用してサーバーにファイルを送信する際に問題が発生しました。私はvar xhr = new XMLHttpRequest();と$.ajax({});で多くの方法を試しましたが、常にエラーUncaught TypeError: Illegal invocationを与えます。私もprocessData: falseを使用しますが、この状態では、すべてのフォームフィールドとファイルフィールドを取得しています。 AJAX用

私のコードは次のようになります。この中

var fd = new FormData(); 
fd.append('file', $('#file')[0].files[0]); 
fd.append('name', 'test'); 
$.ajax({ 
    url: "uploadFile.php", 
    data: fd, 
    cache: false, 
    contentType: false, 
    // processData: false, 
    type: 'POST', 
    success: function(data, textStatus, jqXHR){ 
     console.log('success'); 
    }, 
    error: function(jqXHR, textStatus, errorThrown){ 
     console.log('error'); 
    } 
}); 

私はfile出力の値testでのみnameフィールドを得たが、ありません。 誰かが私が間違っている場所を教えてください。

Answer 1

contentTypeをfalseではなく特定の形式に設定します。 たとえば、画像の場合： - "image/jpeg"など