Discussion :

[Devas225]

Bonjour à tous
Je viens demander votre afin de réaliser une opération.

J'ai une page avec des inputs de type file et j'aimerai récupérer les fichiers sélectionnés et les envoyés vers PHP pour une insertion dans la base de donnée.

J'utilise le code ci dessous qui marche en l'état mais j'ai besoin de récupérer également les attributs (data-num et data-onum) pour former un tableau qui sera envoyé vers PHP où le tableau sera récupéré et les données enregistrés dans la bdd.
J'ai essayé d'ajouter les attributs au code mais ca ne marche pas et me renvoi une erreur pour donnée non Blob. Je ne sais finalement pas comment faire cette opération et je demande votre aide s'il vous plais.

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

<input class="custom-file" data_num="1" data_onum="2" type="file" name="file[]">

Code jquery :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$("[type='file']").each(function(){
	formData.append($(this).attr("name"),$(this).get(0).files[0]);
});

Merci pour votre aide.

Cordialement

[SpaceFrog]

data-num ... pas d'underscore ..

=> .data('num')
ou
=> .attrib('data-num')


ou si tu tiens à conservet l'underscore

.attr('data_num')

[Devas225]

Merci pour ta proposition.

J'ai essayé comme ci dessous mais j'ai l'erreur suivantes :

Code jquery :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$("[type='file']").each(function(){
			formData.append($(this).data('num'),$(this).data('onum'),$(this).attr("name"),$(this).get(0).files[0]);
		});

L'erreur :
Uncaught (in promise) TypeError: Failed to execute 'append' on 'FormData': parameter 2 is not of type 'Blob'.

Merci pour ton aide

[SpaceFrog]

Tu as modifié le undersocre ?
et tu appendes juste du texte ?

[Devas225]

Oui j'ai modifié le underscore et j'ai ceci :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input class="custom-file" data-num="4" data-onum="3" type="file" name="file[]">

Mais j'ai toujours la même erreur qui se produit

[SpaceFrog]

https://jsfiddle.net/njz13xw5/