загрузить файл через ajax

Question

Я использую 2 файла index.js, upload.php попытаюсь загрузить файл (img) через ajax и если успех добавляется к div uploadfile_show.
но он не работает, есть несколько вопросов и ниже - мой код - любое предложение?

Спасибо.

upload.php
1. form enctype еще нужно добавить?
2. if($_FILES) и проверить размер $ _FILES или tmp_name по-прежнему использовать $_FILES?

if($_FILES){ 
    $filename = $_FILES['uploadfile']['name']; 
    $filetmp = $_FILES['uploadfile']['tmp_name']; 
    $filesize = $_FILES['uploadfile']['size']; 
    if($filesize < 1000000){ 
     move_uploaded_file($filetmp,'upload/tmp/'.$filename); 
     print" 
      upload success 
      <img src=\"upload/tmp/$filename\"> 
     "; 
    } 
    else{ 
    } 
} 
else{ 
    print" 
     <div class=\"uploaddiv\"> 
      <form enctype=\"multipart/form_data\"> 
       <input type=\"type\" name=\"uploadfile\"> 
       <input type=\"submit\" value=\"upload\" class=\"btn\"> 
      </form> 
     </div> 
    "; 
} 
print" 
    <div class=\"uploadfile_show\"></div> 
"; 

index.js
3. это несколько строк это право?
var uf = $('.uploaddiv form');var fd = new FormData(uf);fd.append('uploadfile', uploadfile);
data: fd,
4. Любая вещь, которую я пропустил или не так?

$('.btn').click(function(){ 
    var uf = $('.uploaddiv form'); 
    var fd = new FormData(uf); 
    fd.append('uploadfile', uploadfile); 
    $.ajax({ 
     type: "POST", 
     url: "upload.php", 
     data: fd, 
     processData:false, 
     contentType: false, 
     success: function(html){ 
      $('.uploadfile_show').append(html); 
     } 
    }); 
}); 

Answer 1

FormData принимает элемент формы в конструкторе не объект JQuery, также как вы используете Ajax для отправки формы вы будете иметь, чтобы предотвратить его действие по умолчанию (т.е. представление) по телефону preventDefault()

$('.btn').click(function(e){ 
    e.preventDefault(); 
    var uf = $('.uploaddiv form'); 
    var fd = new FormData(uf[0]); 
    $.ajax({ 
     type: "POST", 
     url: "upload.php", 
     data: fd, 
     processData:false, 
     contentType: false, 
     success: function(html){ 
      $('.uploadfile_show').append(html); 
     } 
    }); 
});