無法通過AJAX

Question

將數據發送到PHP文件這是不使用<form>

<input id="sortpicture" type="file" data-id="7" name="sortpic" multiple/> 
<button id="upload">Upload</button> 

這裏我的HTML code.I'm被JS

jQuery('#upload').on('click', function() { 
    var file_data = jQuery('#sortpicture').prop('files')[0];  
    var form_data = new FormData();     
    form_data.append('file', file_data); 
    form_data.append('id', 7); // ---> If I send this only i'm able to access `id` in php. If include `file` not access id in php file. 

    jQuery.ajax({ 
     url: 'upload.php', 
     cache: false, 
     contentType: false, 
     processData: false, 
     data: form_data,       
     type: 'POST', 
     success: function(response){   
     }, 
     error:function(e){ 
     } 
    }); 

PHP文件

$name = $_FILES['file']['name']; 
//print_r($_FILES); 
$id = $_POST['id']; // Unable to get id. 

如何我可以在php文件中獲得id。任何建議請。

Answer 1

根據文檔，我相信你很接近。請記住，我從來沒有使用FormData API :)但是，如果我正確解釋它，它正在尋找「名稱」屬性。

jQuery('#upload').on('click', function() { 
    var formData = new FormData(); 
    var inputData = $('this').find('input'); 
    var fileData = inputData.files[0];  

    formData.append('file', fileData); //wants name attribute here?// 
    formData.append('id', 7); 

    jQuery.ajax({ 
     url: 'upload.php', 
     cache: false, 
     contentType: false, 
     processData: false, 
     data: formData,       
     type: 'POST', 
     success: function(response){   
     }, 
     error:function(e){ 
     } 
    }); 
});