Upload image dans bdd

Bonjour à tous
Je demande votre aide pour solutionner mon problème.
J'essai d'uploader un fichier, mais je bloque. Le code s’exécute normalement sans erreur, toutes les données sont transmissent normalement dans la bdd sans soucis sauf le fichier qui ne s'upload pas. Je n'ai ni le fichier dans le répertoire de destination ni le nom dans la table dédiée.

Action submit

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script type="text/javascript" language="javascript">
 
	$(document).on('submit', '#add_form', function(event){	
		event.preventDefault();
		var extension = $('#user_image').val().split('.').pop().toLowerCase();
		if(extension != '')
		{
			if(jQuery.inArray(extension, ['png','jpg','jpeg']) == -1)
			{
				alert("Invalid Image File");
				$('#user_image').val('');
				return false;
			}
		}
		$.ajax({
			url:"insert.php",
			method:"POST",
			data:$('#add_form').serialize(),
			success:function(response){
				$('#add_form')[0].reset();
			}
		});
	});
 
 
 
</script>

insert

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<?php
if(isset($_POST["operation"]))
{
 
	if($_POST["operation"] == "Add_User")
	{
 
		$picture = '';
		if($_FILES["user_image"]["name"] != '')
		{
			$picture = upload_picture();
		}
 
		$statement = $connection->prepare("
			INSERT INTO test (nom, prenom, age, pict) 
			VALUES (:nom, :prenom, :age, :pict)
		");
		$result = $statement->execute(
			array(
				':nom'		=>	$_POST["nom"],
				':prenom'	=>	$_POST["prenom"],
				':age'		=>	$_POST["age"],
				':pict'		=>	$picture
 
			)
		);
 
	}
}
 
?>

function

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<?php
if(isset($_POST["operation"]))
{
 
	if($_POST["operation"] == "Add_User")
	{
 
		$picture = '';
		if($_FILES["user_image"]["name"] != '')
		{
			$picture = upload_picture();
		}
 
		$statement = $connection->prepare("
			INSERT INTO test (nom, prenom, age, pict) 
			VALUES (:nom, :prenom, :age, :pict)
		");
		$result = $statement->execute(
			array(
				':nom'		=>	$_POST["nom"],
				':prenom'	=>	$_POST["prenom"],
				':age'		=>	$_POST["age"],
				':pict'		=>	$picture
 
			)
		);
 
	}
}
 
?>

Merci d'avance pour votre aide

Cdt

Bonjour,

Voir en JS : FormData()

Et au passage la syntaxe <script type="text/javascript" language="javascript"> est obsolète en html5, il est recommandé d'utiliser simplement <script>.