ajaxとphpを使用した画像とデータのアップロード

Question

firstname、lastname、description、およびimageパスをMySqlデータベースにアップロードしようとしています。アップロードした画像を特定のフォルダに移動します。ここで

は私のAJAX機能を使用して、AJAX呼び出しとPHPファイルに直接画像を送信することはできません

formData = new FormData(addPeopleForm); 
var file_data = $('input[type="file"]')[0].file; 
formData.append("file", file_data); 

$.ajax({ 
    type: "POST", 
    url: "functions.php", 
    contentType: false, 
    cache: false, 
    processData: false, 
    data: { 
    function: "savepeople", 
    data: formData 
    }, success: function(data){ 
     console.log(data); 
     getPeople(); 
    } 

}); 

のfunctions.php

if(isset($_POST['function'])){ 
$f = $_POST['function']; 

if($f == "savepeople"){ 
    require_once("config.php"); 
    echo $_POST['firstname']; 
    . 
    . 
    . 

Answer 1

で、フォームdefination

ながら形 enctype="multipart/form-data"を取らなければなりません

このファイルをアップロードすると、ファイルアップロード用に置き換えられます。

コード

formData = new FormData(); //your form name 
var file_data = $('input[type="file"]')[0].file; 
formData.append("file", file_data); 
formData.append("function","savepeople"); // new variable for your php condition 



$.ajax({ 
    url: "YOUR_FILE_PATH", 
    type: "POST", 
    data: formData, 
    contentType: false, 
    cache: false, 
    processData: false, 
    success: function(data) { 
    // success operation here 
    }, 

とPHP側で以下のFORMDATA使用中のファイルを追加するためには、サーバー上でアップロードされたファイルにアクセスするための$_FILES['YOUR_FILE_NAME']の代わり$_POST['YOUR_FILE_NAME']を使用する必要があります。

Answer 2

あなたはこのコードフォームのID

Answer 3

var formData = new FormData($(this)[0]); 
var action = "savepeople"; 

    $.ajax({ 
     url : 'functions.php', 
    type : 'POST', 
    data: {action:action,formData:formData}, 
    contentType: false, 
    cache: false, 
    processData:false, 
    async : false, 
    , success: function(data){ 
console.log(data); 
getPeople(); 
} 
}); 

のfunctions.php

if(isset($_POST['action']) && $_POST['action'] == "savepeople"){ 


    //TO DO CODE 
}