PHPでAjaxを使用して画像をアップロードするには？

Question

私は、フォーム

<form id="profile_imageform" class="image_form" enctype="multipart/form-data"> 

    <fieldset> 
     <div class="entry"> 
      <label>Filename:</label> 
      <input type="file" name="file" id="file" /> 
     </div> 
    </fieldset> 
    <div class="actions"> 
     <button type="submit">Save &amp; Close</button>(<a href="#/profile" class="cancel">Cancel</a>) 
    </div> 
</form> 

と

ProfileForm.prototype.init =機能（）{ のvar自己のような私のjsファイルを見て=これを持っています。

//Initialize properties 
    this.view = $("#profile_form_view"); 
    this.imageForm = $("#profile_imageform"); 
    this.fields.id = this.imageForm.find(":input[ name = 'id' ]"); 
    this.fields.image = this.imageForm.find(":input[ name = 'file' ]"); 

    //Bind the submit handler 
    this.imageForm.submit(function(event){ 

     //Submit the form 
     self.saveImage(this.fields.id.val(), this.fields.image.val()); 

     //Cancel default event 
     return(false); 

    }); 

ProfileForm.prototype.saveImage = function(id, image, onSuccess, onError){ 
    var self = this; 

    application.ajax({ 
     url: "test.php", 
     data: { 
      method: "saveImage", 
      id: id, 
      image: image 
     }, 
     success: function(response){ 
      if (response.success){ 
       onSuccess(response.data); 
      }else{ 
       onError(response.errors); 
      } 
     } 

    }); 
}; 

しかし

this.fields.image.val() 

私は必要なものをイメージ名を返すことがtmp_nameだです。 jQueryでtmp_nameを取得できますか？もしそうなら、どのように？

しかし、このPHPコードは、エラー

if (isset($_POST['method'])) 
{ 
    if (isset($_POST['image'])) 
    { 
     echo $_FILES['image']['tmp_name']; 
    } 
} 

Answer 1

いけないあなたが任意のエラーチェックを行ういけない場合、エラー応答を期待を返します....

function file_upload_error_message($error_code) { 
    switch ($error_code) { 
    case UPLOAD_ERR_INI_SIZE: 
     return 'The uploaded file exceeds the upload_max_filesize directive in php.ini'; 
    case UPLOAD_ERR_FORM_SIZE: 
     return 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form'; 
    case UPLOAD_ERR_PARTIAL: 
     return 'The uploaded file was only partially uploaded'; 
    case UPLOAD_ERR_NO_FILE: 
     return 'No file was uploaded'; 
    case UPLOAD_ERR_NO_TMP_DIR: 
     return 'Missing a temporary folder'; 
    case UPLOAD_ERR_CANT_WRITE: 
     return 'Failed to write file to disk'; 
    case UPLOAD_ERR_EXTENSION: 
     return 'File upload stopped by extension'; 
    default: 
     return 'Unknown upload error'; 
} 
} 

Answer 2

あなたはjQueryのファイルアップロードプラグインスクリプトを使用することができます - Uploadify

http://www.uploadify.com/demos/

http://www.uploadify.com/documentation/