Aggiornamento-esecuzione codice php

[timberwolf]

Ho creato uno script php con il quale carico delle immagini in una galleria e fin qui tutto bene..

Ora vorrei rendere il tutto più carino, ovvero vorrei che la pagina venisse aggiornata senza essere ricaricata e vorrei che le immagini caricate vengano mostrate in un div all'interno della pagina..

il problema risiede nel codice javascript che ovviamente non é corretto e quindi non funziona.. posto qui diseguito il codice html e javascript.. se qualcuno potesse illuminarmi gliene sarei grato..

Sono agli inizi con javascript quindi abbiate pieta

javascript:

<script type="text/javascript">
$(function() {
 
  $("#btn").click(function() {
    
    var path = <?php echo $path; ?>;
    var id = <?php echo $id; ?>;
    var data = '&path=' + path + '&id=' + id;
         
    $.ajax({
        type: "POST",
        url: "cp_upload_gallery_2.php",
        data: data,
        beforeSend: function(html) { 
        $("#response").show();
        $("#response").html(response);
        },
            success: function(html){
            $("#response").show();
            $("#response").append(html);
            }
        });    
       }
    return false;
   });
);
</script>

codice html che "dovrebbe" richiamare l'evento javascript di cui sopra:

<div id="main">
<label for="files">[b]Carica Files:[/b]</label>


        <form method="post" enctype="multipart/form-data">  
            <input type="file" name="images[]" id="images" multiple />
            <button type="submit" id="btn">Invia Files</button>  
        </form>  
</div> 

<div id="response"></div> 

[cavicchiandrea]

Se ho capito quello che vuoi fare è un upload in Ajax?
E tale operazione non "semplice" e sopratutto non è cross-browser (funzionante su tutti i browser) entrare nello specifico diventa difficile.
La soluzione più pratica è cercare uno script upload in rete ( ne trovi diversi) già pronto testato e funzionante.
Se non questo quello che vuoi fare come non detto, prova spiegarti meglio.

[timberwolf]

no, l'upload l'ho già fatto in php, io vorrei solo aggiornare la pagina in javascript senza fare il refresh..

[cavicchiandrea]

Originariamente inviato da timberwolf
no, l'upload l'ho già fatto in php, io vorrei solo aggiornare la pagina in javascript senza fare il refresh..

Scusa se insisto, ma il codice postato sembra un upload per capire meglio posta il link alla pagina demo pubblica forse vedendo il tutto in azione si capisce sia il problema che il funzionamento

[carlomarx]

https://developer.mozilla.org/en-US/...ploading_files

[timberwolf]

quello che vorrei fare con javascript é "semplicemente" aggiornare o meglio fare il refresh della pagina dopo l'upload dei file, ma l'upload dei file viene gestito da uno script scritto in php.. esattamente come si esegue in maniera asincrona una query msql, io vorrei visualizzare le immagini dopo che queste sono state caricate sul server con lo script php..

[timberwolf]

Questo é il codice php che carica le immagini e poi stampa un messaggio alla fine.. ecco, per semplificare il mio discorso, come faccio a visualizzare questo messaggio sulla pagina senza fare il refresh quando lo script in php ha finito di caricare le immagini?

<?php
include("include/connect.php");

$target_path = $_POST['path'];
$id = $_POST['id'];

if(isset($_FILES['images']['error'])){ 
   foreach ($_FILES['images']['error'] as $key => $error) { 
      if ($error == UPLOAD_ERR_OK) { 
         $tmp_name = $_FILES['images']['tmp_name'][$key]; 
         $name = $_FILES['images']['name'][$key]; 
         move_uploaded_file($tmp_name, $target_path. "/" .$name);
         $img = $target_path. "/" .$name;
         $sql = mysql_query("INSERT INTO imgs
                             SET foto = ('$img'),
                             id_gallery = ($id),
                             data = CURDATE()")
                             or die(mysql_error());
      } 
   } 
}

echo("Immagini caricate!");  

?>

[carlomarx]

Sia che usi AJAX sia che non lo usi l'upload è SEMPRE gestito dal PHP. La differenza qui è che nn volendo fare l'upload in forma tradizionale stai chiedendo di spedire il file al PHP tramite AJAX. Leggi l'articolo che ti ho girato.

[timberwolf]

grazie per la dritta e per il link, stasera come arrivo a casa provo e ti/vi aggiorno sulla situazione

[timberwolf]

solo per capire, perché non mi sembra di averlo letto nel link che mi hai passato.. Con uno dei due esempi postati nel link di cui sopra, la chiamata é asincrona giusta? cioé i file vengono caricati senza fare il refresh? e poi é possibile ad upload finito stampare una scritta in un determinato <div> della pagina? tipo: "File caricati!" ??