Probleme d'upload fichiers div ajax

par **zeus** » 11 sept. 2009, 14:12

Modération :

Bonjour fati123456 et bienvenue sur PHP.

Malheureusement, je suis obligé, dès ton 1er message, de te rappeler à l'ordre.

Tout d'abord, afin d'améliorer la lisibilité de ton message,
pense à utiliser les balises [code] ou [php] (selon le langage utilisé).

Elles sont disponibles au-dessus de la zone de saisie de ton message
lorsque tu postes un nouveau message.

Des indications sont disponibles sur la manière de mettre en forme vos messages dans la FAQ

Sinon, et c'est déjà plus important, merci d'utiliser un titre clair et qui correspond bien à ta demande.
Les titres contenant "HELP !", "Aidez-moi", "J'ai un problème", "Ça marche pas",...
n'apportent rien à la compréhension de ta demande.

Par ailleurs, nous savons déjà par ton message que tu as besoin d'aide.

Il est essentiel que tu prennes le temps de lire les règlements pour te donner un maximum de chance d'obtenir une réponse à tes question.

par **fati123456** » 11 sept. 2009, 13:14

Bonjour
Je travaille sur un site dynamique en php.j'ai fait une fonction dans la page index1.php pour afficher les autres pages dans un div dans index1.php,les pages sont bien affichées mais le probleme c'est que j'ai une page ou il y a un formulaire contient une input file pour telecharger des photos,dans la base de donnée, tous les champs sont stockés sauf l'image il ne la prend pas.voila le code de la forme :

<form name="formulaire" method="post" onSubmit="return verification()" action="javascript:ajax('Agenda/creer.php', 'hf', 'post', 'formulaire') "> 
<table width="785" border="0" bordercolor="#006699"> 

<tr> 
<td width="122"><span class="Style28">Titre d'évenement</span></td> 
<td width="10" class="Style4">:</td> 
<td width="266"><label> 
<input name="titre" type="text" id="titre" size="30" /> 
</label></td> 
<td width="125"><span class="Style4">Image d'évenement</span></td> 
<td width="9"><span class="Style4">:</span></td> 
<td width="227"> 
<input type="hidden" name="MAX_FILE_SIZE" value="250000" /> 
<input type="file" name="file" size="18" /></td> 
</tr> 
<tr> 
<td valign="top" class="Style4">Ville</td> 
<td class="Style4">:</td> 
<td><input name="ville" type="text" id="ville" size="30" /></td> 
<td><span class="Style4">Pays</span></td> 
<td><span class="Style4">:</span></td> 
<td><select name="pays" id="pays"> 
<option value="Andorre">Andorre</option> 
<option value="Emirats Arabes Unis">Emirats Arabes Unis</option> 
<option value="Afghanistan">Afghanistan</option> 
<option value="Albanie">Albanie</option> 
<option value="Armenie">Armenie</option> 

</select></td> 
</tr> 
<tr> 
<td rowspan="2" valign="top"><span class="Style4">Détails</span></td> 
<td rowspan="2" valign="top" class="Style4">:</td> 
<td rowspan="2"><label> 
<textarea name="detail" cols="27" rows="7" id="detail"></textarea> 
</label></td> 
<td valign="top"><span class="Style4">Lien d'évenement</span></td> 
<td valign="top"><span class="Style4">:</span></td> 
<td valign="top"><input name="lien" type="text" id="lien" value="http://" size="30" /></td> 
</tr> 
<tr> 
<td valign="top"><span class="Style4">Date d'évenement</span></td> 
<td valign="top">:</td> 
<td valign="top"><select name="jour" id="jour" autocomplete="off"> 
<option value="-1">Jour :</option> 
<option value="01">1</option> 
<option value="02">2</option> 
<option value="03">3</option> 
<option value="04">4</option> 
<option value="05">5</option> 
<option value="06">6</option> 
<option value="07">7</option> 
<option value="08">8</option> 
<option value="09">9</option> 
<option value="10">10</option> 
<option value="11">11</option> 
<option value="12">12</option> 
<option value="13">13</option> 
<option value="14">14</option> 
<option value="15">15</option> 
<option value="16">16</option> 
<option value="17">17</option> 
<option value="18">18</option> 
<option value="19">19</option> 
<option value="20">20</option> 
<option value="21">21</option> 
<option value="22">22</option> 
<option value="23">23</option> 
<option value="24">24</option> 
<option value="25">25</option> 
<option value="26">26</option> 
<option value="27">27</option> 
<option value="28">28</option> 
<option value="29">29</option> 
<option value="30">30</option> 
<option value="31">31</option> 
</select> 
<select name="mois" id="mois" onchange="editor_date_month_change(this, 'birthday_day','birthday_year');" autocomplete="off"> 
<option value="-1">Mois :</option> 
<option value="01">Janvier</option> 
<option value="02">Février</option> 
<option value="03">Mars</option> 
<option value="04">Avril</option> 
<option value="05">Mai</option> 
<option value="06">Juin</option> 
<option value="07">Juillet</option> 
<option value="08">Aôut</option> 
<option value="09">Septembre</option> 
<option value="10">Octobre</option> 
<option value="11">Novembre</option> 
<option value="12">Décembre</option> 
</select> 
<span class="Style26"> 
<select name="annee" id="annee" autocomplete="off"> 
<option value="-1"> 
Année 
:</option> 
<option value="2009">2009</option> 
<option value="2010">2010</option> 
<option value="2011">2011</option> 
<option value="2012">2012</option> 
<option value="2013">2013</option> 
<option value="2014">2014</option> 
<option value="2015">2015</option> 
<option value="2016">2016</option> 
<option value="2017">2017</option> 
<option value="2018">2018</option> 
<option value="2019">2019</option> 
<option value="2020">2020</option> 
</select> 
</span></td> 
</tr> 
<tr> 
<td class="Style4"> </td> 
<td class="Style4"> </td> 
<td><label></label></td> 
<td> </td> 
<td> </td> 
<td><div align="right"> 

<input type="submit" name="Submit" value="Envoyer" /> 
</div></td> 
</tr> 
</table> 
</form>

ajax est la fonction qui affiche les pages dans la div:

[javascript]
<script type="text/javascript">
function getFormData(form)
{
var data1 = "";
var form = document.getElementById(form);
var elements = form.elements;
for(var i=0; i<form.length; i++)
{
data1 += elements.name + "=" +escape(elements.value);
if((i+1)<form.length)
{
data1+="&";
}
}
return data1;
}
function ajax(fichier, div, method, form)
{
var xhr=null;
var data="null";
if(form!="null")
{
if(method=="GET")
{
data=form;
method="POST";
}
else
{
data = getFormData(form);
}
}
// détection du navigateur pour la création de l'objet XMLHttpRequest (soit l'acronyme xhr)
if (window.XMLHttpRequest)
{
xhr = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open( method, fichier, false);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(data);
if (document.getElementById)
{
document.getElementById(div).innerHTML=xhr.responseText;
}
else
{
if (document.layers)
{
document.div.innerHTML=xhr.responseText;
}
else
{
document.all.div.innerHTML=xhr.responseText;
}
}
}
</script>
[/javascript]

Si quelqu'un pourras m'aider pour arriver à stocker les images , je serai reconnaissante. Merci en avance.

Probleme d'upload fichiers div ajax

Répondre

Étendre la vue Revue du sujet : Probleme d'upload fichiers div ajax

Re: Probleme d'upload fichiers div ajax

Probleme d'upload fichiers div ajax