upload con barra di scorrimento jquery

**84morena** · 22-11-2010, 15:54

ho realizzato l'upload in php utilizzando la barra di scorrimento aiutandomi con jquery...ma effettua l'inserimento,ma la variabile file quando la passo e la stampo..mi restituisce null

codice:

<head>
<link href="/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/uploadify/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/uploadify/swfobject.js"></script>
<script type="text/javascript" src="/uploadify/jquery.uploadify.v2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#file').uploadify({
'uploader'  : '/uploadify/uploadify.swf',
'script'    : '/uploadify/uploadify.php',
'cancelImg' : '/uploadify/cancel.png',
'folder'    : '/uploadify/materiale',
'displayData' : 'percentage',
'displayData' : 'speed',
'auto'      : true
});
});
</script>
<title>..:: Download file ::..</title>
</head>
<body bgcolor="#FFFFFF">
<?
include "header.php";
require "inc/settings.php";
?>
<div class="container">
	<div class="content">
		<div class="content-wrapper">
			<div class="smallright">
				<div id="form_inserimento" style="display:none;">
        				<form action="materiale_inserisci.php" class="insert" name="frm_corsi" id="frm_corsi" method="post" enctype="multipart/form-data">
						<fieldset>
						<h4>aggiungi file</h4>
						<div class="item">
                			<label for="titolo">titolo *</label>
                    		<input type="text" class="input w300" name="titolo" />
						</div>
						<div class="item">
                			<label for="file">file *</label>
                    		<input type="file" class="input w300" name="file" id="file"/>
						</div>
							</fieldset>
						<div class="form-submit">
							<input type="submit" name="inserisci" value="inserisci" />
							<input type="button" value="annulla" onClick="$('#form_inserimento').hide();" />
						</div>
							</form>
            				

            		</div>
					<table class="view"> 
            		<col />
               	 	<col width="40" />
                	<col width="40" />
					<caption>			 
            		<span class="label">lista file associati</span>
					<span class="action add">
					aggiungi file
					</span>
            		</caption>
					<thead>
					<tr>
					<th>Titolo</th>
					<th> </th>
            		<th> </th>
					</tr>
					</thead>
					<tbody>
					<?
		$query ="SELECT * FROM materiale ORDER BY titolo";
		$result = mysql_query($query) or die(mysql_error());
		if (mysql_num_rows($result) > 0) 
		{
			while ($file = mysql_fetch_assoc($result)) 
			{
			?>
			<tr>
            <td>" target="_blank"><?=$file["titolo"]?></td>
<td class="icon">">[img]img/icons/delete.png[/img]</td>
			<td class="icon">" target="_blank">[img]img/icons/view.png[/img]</td>            
			</tr>
			<?
			}
		} 
		else 
		{
			?>
			<tr><td colspan="3">nessun file associato</td></tr>
			<?
		}
			?>
			</tbody>
			</table>
				</div>
			</div>
		<br class="clear" />		
	</div>
</div>    
</body>

fin qui tutto ok...
ma qnd passo la variabile file nel file:materiale_inserisci.php

codice:

<?
require "inc/settings.php";
$titolo = $_POST["titolo"];
$files = $_FILES["file"]["name"];
echo $files;
$cartella = $_SERVER["DOCUMENT_ROOT"].CARTELLA_SOFTWARE."/materiale/";
//if(is_uploaded_file($_FILES["file"]["tmp_name"])) 
//{
//	move_uploaded_file($_FILES["file"]["tmp_name"], $cartella.$_FILES["file"]["name"]) or die ("Impossibile spostare il file, controlla l'esistenza o i permessi della directory dove fare l'upload.");
//}
$query = "INSERT INTO materiale (titolo, file) VALUES ('".$titolo."','".$_FILES["file"]["name"]."')";
mysql_query($query) or die(mysql_error());
//header("location:materiale.php");
?>

**Pastore12** · 22-11-2010, 18:48

Non si capisce cosa accade nella pagina materiale_inserisci.php.

Che variabili sono configurate in $_FILES? Una stampa del suo contenuto potrebbe far comodo.

Perché la parte relativa al tmp_nam è stata commentata?

Qui c'è anche una lista di possibili problemi: http://www.php.net/manual/en/feature...ost-method.php

**84morena** · 22-11-2010, 18:57

nel file materiali.php
la funzione javascript non fa altro che visualizzare una barra di caricamento nel form...questi dati contenuti nel form vorrei memorizzarli nel db,ma qnd clicco su inserisci e vado nella pagina
materiali_inserisci.php
la variabile file_upload risulta null

codice:

<script type="text/javascript">
$(document).ready(function() {
$('#file_upload').uploadify({
'uploader'  : '/uploadify/uploadify.swf',
'script'    : '/uploadify/uploadify.php',
'cancelImg' : '/uploadify/cancel.png',
'folder'    : '/uploadify/materiale',
'displayData' : 'percentage',
'displayData' : 'speed',
'auto'      : true
});
});
</script>
<div id="form_inserimento" style="display:none;">
<form action="materiale_inserisci.php" class="insert" name="frm_corsi" id="frm_corsi" method="post" enctype="multipart/form-data">
<fieldset>
<h4>aggiungi file</h4>
<div class="item">
<label for="titolo">titolo *</label>
<input type="text" class="input w300" name="titolo" />
</div>
<div class="item">
<label for="file">file *</label>
<input type="file_upload" class="input w300" name="file_upload" id="file_upload"/>
</div>
</fieldset>
<div class="form-submit">
<input type="submit" name="inserisci" value="inserisci" />
<input type="button" value="annulla" onClick="$('#form_inserimento').hide();" />
</div>
</form>

materiali_inserisci.php

codice:

<?
require "inc/settings.php";
$titolo = $_POST["titolo"];
$files = $_FILES["file_upload"]["name"];
echo $files;
//header("location:materiale.php");
?>

**84morena** · 22-11-2010, 19:20

googolando un po...potrei passare il valore di file_upload tramite ajax,ma ajax praticamente nn lo conosco

**Pastore12** · 22-11-2010, 19:30

Con una libreria come jQuery ajax non è complicato

codice:

$.post("materiali_inserisci.php", {
  nome_file : "<nomeDelFile>",
  <nomeAttributo2>: <valoreAttributo2>,
  ..., ...
} function(data){
  // data è l'html generato da materiali_inserisci.php
  // qui puoi elaborarlo come ti pare e inserirlo in pagina.
});

Però prima sarebbe meglio capire perché non ti funziona l'upload "in ricezione" del file.
Una indagine con FireBug potrebbe essere interessante.

**Virus_101** · 22-11-2010, 19:53

Ma perche' nn usato HTML 5 per queste cose ???
e se il browser nn lo supporta visualizzate un gif con la barretta di caricamento indefinita fino a completamento dell'upload visualizzando in parte il mess che se si usa un browser compatibile con html5 sarebbe meglio ???

alla fine ff, chrome, opera, safari lo supportano e anche la beta di ie9 .....

visto che in html5 abbiamo le progressbar come elemento nativo del browser e pure la classe file per js !!

Pensaci

**84morena** · 23-11-2010, 10:09

forse hai ragione,ma adesso volevo terminare con questo jquery...

**Pastore12** · 23-11-2010, 10:52

Per usare l'html 5 occorre una liberatoria da chi ti ha commissionato il lavoro

**Virus_101** · 23-11-2010, 13:49

Beh questo sara' Morena a dirlo visto che e' lai che ha i prob con gli upload e che deve fare il lavoro.

Discussione: upload con barra di scorrimento jquery

Strumenti discussione

Ricerca discussione

Visualizza

upload con barra di scorrimento jquery

Permessi di invio