jQuery ajaxで画像を送信中に空の$ _FILEが発生しました

Question

画像ファイルをサーバーにアップロードしようとしていますが、$ _FILEは常に空です。理由はわかりません。

<form action='' id='ajax_form' method='post' enctype="multipart/form-data"> 
     <input type='file' name='imagem'> 
     <input type='submit' id='btUploadImagem' value='Upload'> 
    </form> 

そしてここでjQueryのスクリプト：

function salvaImagem(){ 

    var form = $(this).closest('form'); 
    var formData = new FormData(form); 
    var dados = formData; 
    jQuery.ajax({ 
     type: "POST", 
     url: "salvaImagem", 
     data: dados, 
     contentType: false, 
     processData: false, 
     dataType: "json"}).done(function(response) 
     { 
      if(response.sucesso){ 
       //show success message 
      } 
      else{ 
       //show error message 
      } 
     }); 
    return false; 
} 

$('#btUploadImagem').on('click', salvaImagem); 

とコントローラのPHP：

public function salvaImagem() 
    { 
     $arquivo = isset($_FILES["imagem"]) ? $_FILES["imagem"] : FALSE; 
     //some other checks 
    } 

が、私はそう間違って$ _file何をやっている。ここ

はhtmlです常に空ですか？

Answer 1

アップロードの管理にプラグインを使用することをおすすめします。あなたがdados.append(name, value, filename);を試してみましたすべての情報は

Answer 2

があるかどうかを確認するためにJquery Plupload

を使用してみてくださいしかし、あなたはプラグインを使用したくない場合は、（真$ _ FILES、）しますprint_rを試してみてください？詳細については、https://developer.mozilla.org/en-US/docs/Web/API/FormData/appendを参照してください。私はFormData Web APIに慣れていません。 また、あなたの答えはここにあります：How to use FormData for ajax file upload