Problème AJAX pour un " formdata.append "

j'ai trouver sa pour toi !

Merci de m'aider ... je vais regarder ça de suite !! :D

:) de rien :)

En fait mon problème c'est que chaque message et chaque pièce jointe à une clé qui est identique et qui est ensuite enregistrer dans la BDD. Je m'explique : dans la page de l'utilisateur, je génère une clé. Lorsqu'il envoie un message, le message est enregistrer dans la BDD avec un champ "key" qui contient ma clé, pour le moment ça marche. Lorsque qu'il upload une image, la clé générée dans la page doit être envoyé vers le fichier de traitement php de fichiers uploadés, ce qui ne fonctionne pas. [code] mysql_query("INSERT INTO piecesjointes VALUES('','".$_POST['keyy']."','".$_FILES['images']['name'][$key]."')"); . [/code] Mais mon problème est de passé la clé de la page de l'utilisateur vers la page AJAX vers la page php et c'est seulement les quelques lignes suivantes qui effectue le transfère de l'image donc je suppose que ce sont également ces lignes qui peuvent envoyer la clé ! [code] if (formdata) { formdata.append("images[]", file); formdata.append( ..... , .......); // C'est ici que je dois envoyer ma clé ... je le supppose ! } [/code] Je vous envoie tout mon code javascript pour mieux comprendre le système !! [code] (function () { var input = document.getElementById("images"), formdata = false; function showUploadedItem (source) { var list = document.getElementById("image-list"), li = document.createElement("li"), img = document.createElement("img"); img.src = source; li.appendChild(img); list.appendChild(li); } if (window.FormData) { formdata = new FormData(); document.getElementById("btn").style.display = "none"; } input.addEventListener("change", function (evt) { document.getElementById("response").innerHTML = "

" var i = 0, len = this.files.length, img, reader, file; for ( ; i

Heu.. arf sa je connais pas encore je suis justement en train de l’étudier pour faire mon jeux ^^

Ben si tu comprend le principe rappelle toi de moi pour m'expliquer le truc !!
(j'ai juste cette ligne a corriger et ma messagerie interne est finie !!)

ah messagerie interne regarde s'et api :) : ici

Merci je vais regarder ça !!

Bon je vais essayer de lire la documentation sur les " formdata.append " même je ne comprend rien au javascript !! :(

A sa ses moche par contre :(

Bon ... j'ai un peu compris le truc ... mais pas totalement !! :/

=> lorsque je fais

formdata.append("keyy", "text");

il m'affiche "text" dans le champ "key" de ma BDD !

Maintenant faut envoyer ma variable $idpass !!

alors pour sa tu doit faire des $idpass essai d'enlever "text" est ajoute au lieu de "key" $idpass est dit moi se que sa fait

ok je vais essayer ça !!

ça me renvoie => "[object HTMLInputElement]" dans la BDD

Ok donc ta plus que a faire une balise d'envoi de la clé :) ensuite sa t’enverra la clé

c'est à dire ?? :D

essai des requête genre $idpasse passe voir ton code entier que j'essai de te mettre une variable qui enverrais la key

ok je te passe tout mes codes ... deux secondes ... (je sens que ça va marcher ^^)

mon fichier javascript : [code](function () { var input = document.getElementById("images"), formdata = false; function showUploadedItem (source) { var list = document.getElementById("image-list"), li = document.createElement("li"), img = document.createElement("img"); img.src = source; li.appendChild(img); list.appendChild(li); } if (window.FormData) { formdata = new FormData(); document.getElementById("btn").style.display = "none"; } input.addEventListener("change", function (evt) { document.getElementById("response").innerHTML = "

" var i = 0, len = this.files.length, img, reader, file; for ( ; i

<section id="write">
<form method="post" action="ecrire">

        <header>
            <input type="text" placeholder="Le titre de votre message" name="title" maxlength="30">
            <a href="#" id="destinataire">Destinataires (+)</a>
            <a href="#" id="upload">Piéces Jointes (+)</a>
            <input type="submit" id="submit" class="submit" value="Envoyer">
            <?php echo $erreur;

            ?>
        </header>
        <section id="ckeditor">
            <textarea id="message" name="message">Votre message ...</textarea>
        </section>
        <section id="pharmacies">
            <aside id="GereChkbox">
                <input type="button" class="check" value="Tout cocher" onclick="GereChkbox('section_chck','1');">   
                <input type="button" class="check" value="Tout décocher" onclick="GereChkbox('section_chck','0');">   
            </aside>
            <section id="section_chck">
                <?php $destintes = mysql_query('SELECT * FROM users ORDER BY login DESC');
                    while($req1 = mysql_fetch_array($destintes)){
                        echo '<input type="checkbox" name="checkbox[]" class="checkbox" value="'.htmlentities($req1['id'], ENT_QUOTES, 'UTF-8').'"><label class="checkboxx" for="checkbox[]">'.htmlentities($req1['name'], ENT_QUOTES, 'UTF-8').'</label><br>
                ';
                    }

                ?&gt;
                <a class="vali" id="valiii">Valider les destinataires</a>
            </section>
            <span id="close"></span>
        </section>
    </form> 
  </section>

<section id="piecess">
<div id="jointes">
<h1>Joindre une ou plusieurs pièces jointes :</h1>
<form method="post" enctype="multipart/form-data" action="upload.php">
<input type="file" name="images" id="images" multiple>
<input type="hidden" name="keyy" id="keyy" value="<?php echo $idpass; ?>">
<button type="submit" id="btn">Upload Files!</button>
<a class="vali" id="valii">Valider les pièces jointes</a>
</form>
<div id="response"></div>
<ul id="image-list">
</ul>
</div>
</section>[/code] et pour finir mon fichier d'upload en php [code]<?php foreach ($_FILES["images"]["error"] as $key => $error) { if ($error == UPLOAD_ERR_OK) { $name = $_FILES["images"]["name"][$key]; move_uploaded_file( $_FILES["images"]["tmp_name"][$key], "uploads/" . $_FILES['images']['name'][$key]); mysql_connect('*******', '************', '*********'); mysql_select_db('*******'); mysql_query("INSERT INTO piecesjointes VALUES('','".$_POST['keyy']."','".$_FILES['images']['name'][$key]."')"); } } echo "

"; [/code]

$idpass = sha1(microtime(NULL)*100000);
la balise qui faut !
Elle est ou la balise formdata.append("keyy", "text"); ???

la balise formdata.append("keyy", "text"); est à la ligne 36 du fichier javascript mais ici c'est écrit formdata.append("keyy", keyy); qui renvoie "[object HTMLInputElement]" dans la BDD

a ses du java oh shit je connais rien en java :(

ben on est deux !!

bon je crois que je vais générer à la volée mon fichier javascript avec php pour entre ma clé !!
Merci de m'avoir aidé tout de même !!

non attent je réfléchie, y a une librairie forcement donc ses faisable sa te dérange pas 24H de patience?

alors là aucun problème !! :D

(même si j'ai hâte de résoudre mon problème ^^ )

^^

[code](function () {     var input = document.getElementById("images"),         formdata = false;       function showUploadedItem (source) {         var list = document.getElementById("image-list"),             li   = document.createElement("li"),             img  = document.createElement("img");         img.src = source;         li.appendChild(img);         list.appendChild(li);     }         if (window.FormData) {         formdata = new FormData();         document.getElementById("btn").style.display = "none";     }           input.addEventListener("change", function (evt) {         document.getElementById("response").innerHTML = "

"         var i = 0, len = this.files.length, img, reader, file;               for ( ; i

ça marche pas !! : on ne peut pas envoyer du PHP dans un fichier javascript !

oui

J'ai peut être trouver essai de parser un xml qui comme rss affiche des new mes a la place ses des key ;)

ne t'embête plus pour moi ... je génère à la volée mon fichier javascript ... donc je n'ai plus de problème !! Merci tout de même de ton aide !! :D

Merci a toi aussi :)

j'ai trouver l'erreur, [code] (function () {     var input = document.getElementById("images"),         formdata = false;       function showUploadedItem (source) {         var list = document.getElementById("image-list"),             li   = document.createElement("li"),             img  = document.createElement("img");         img.src = source;         li.appendChild(img);         list.appendChild(li);     }         if (window.FormData) {         formdata = new FormData();         document.getElementById("btn").style.display = "none";     }           input.addEventListener("change", function (evt) {         document.getElementById("response").innerHTML = "

"         var i = 0, len = this.files.length, img, reader, file;               for ( ; i

Si sa ne marche toujours pas en entre les balises [code]

[/code] [code]<script type="text/javascript">
(function () {
    var input = document.getElementById("images"),
        formdata = false;
  
    function showUploadedItem (source) {
        var list = document.getElementById("image-list"),
            li   = document.createElement("li"),
            img  = document.createElement("img");
        img.src = source;
        li.appendChild(img);
        list.appendChild(li);
    }  
  
    if (window.FormData) {
        formdata = new FormData();
        document.getElementById("btn").style.display = "none";
    }
      
    input.addEventListener("change", function (evt) {
        document.getElementById("response").innerHTML = "<h2>Patientez . . . </h2>"
        var i = 0, len = this.files.length, img, reader, file;
      
        for ( ; i < len; i++ ) {
            file = this.files;
      
            if (!!file.type.match(/image./)) {
                if ( window.FileReader ) {
                    reader = new FileReader();
                    reader.onloadend = function (e) {
                        showUploadedItem(e.target.result, file.fileName);
                    };
                    reader.readAsDataURL(file);
                }
                if (formdata) {
                    formdata.append("images[]", file);
                    formdata.append("keyy", '.$idpass = sha1(microtime(NULL)100000).');                 
                }
            }  
        }
      
        if (formdata) {
            $.ajax({
                url: "http://pharm10breizh.com/webroot/js/libs/upload/upload.php",
                type: "POST",
                data: formdata,
                processData: false,
                contentType: false,
                success: function (res) {
                    document.getElementById("response").innerHTML = res;
                }
            });
        }
    }, false);
}());
</script>[/code] ou [code]<script type="text/javascript">
(function () {
    var input = document.getElementById("images"),
        formdata = false;
  
    function showUploadedItem (source) {
        var list = document.getElementById("image-list"),
            li   = document.createElement("li"),
            img  = document.createElement("img");
        img.src = source;
        li.appendChild(img);
        list.appendChild(li);
    }  
  
    if (window.FormData) {
        formdata = new FormData();
        document.getElementById("btn").style.display = "none";
    }
      
    input.addEventListener("change", function (evt) {
        document.getElementById("response").innerHTML = "<h2>Patientez . . . </h2>"
        var i = 0, len = this.files.length, img, reader, file;
      
        for ( ; i < len; i++ ) {
            file = this.files;
      
            if (!!file.type.match(/image./)) {
                if ( window.FileReader ) {
                    reader = new FileReader();
                    reader.onloadend = function (e) {
                        showUploadedItem(e.target.result, file.fileName);
                    };
                    reader.readAsDataURL(file);
                }
                if (formdata) {
                    formdata.append("images[]", file);
                    formdata.append("keyy", '.$idpass = sha1(microtime(NULL)100000);.');                 
                }
            }  
        }
      
        if (formdata) {
            $.ajax({
                url: "http://pharm10breizh.com/webroot/js/libs/upload/upload.php",
                type: "POST",
                data: formdata,
                processData: false,
                contentType: false,
                success: function (res) {
                    document.getElementById("response").innerHTML = res;
                }
            });
        }
    }, false);
}());
</script>[/code]

:D Voila ton problème est résolu :)

Ouaip et la première version stable de ma messagerie est finie !

Bas oui par se que en fait je me suis dit attent '.$_GET'id'].' dans un echo j'ai dit sa va pas avec java se truc ? est je t'est donnée le morceau de code ^^

^^^

=) enjoy .