Form e immagini

**pasquale_pa** · 24-12-2004, 21:12

Salve,

Chi mi aiuta? Problema: un form creato in HTML contiene le seguenti istruzioni: "

<input type="file" rows="1" size="60" onchange="document.getElementById('myImg').src=(th is.value);">

[img][/img] "

che consente all'utente di allegare una immagine locale, e poi dovrebbe aprire
l'anteprima nello stesso form..ma l'anteprima non si visualizza.
(cliccando col tasto destro l'immagine viene aperta dal browser..ma non è quello che voglio)
Come risolvere?
Attendo novità...e BUON NATALE A TUTTI

**dogeht** · 25-12-2004, 08:04

Non ho risolto il tuo problema (nel senso non ho scritto nessun codice), ma ho delle idee.

intanto guarda qui: http://www.blooberry.com/indexdot/ht.../inputfile.htm
scoprirai che non esiste l'attributo rows per un input file.

Eppoi, quando hai fra le mani il valore del campo input file (ossia il percorso dell'immagine NEL TUO COMPUTER), lo utilizzi come percorso per l'immagine da visualizzare. Secondo me questo e' sbagliato, perche' la pagina cerca l'immagine nel server(dovrebbe funzionare così almeno) e non la trova.

Una soluzione puo' essere che quando cambi (onChange) il campo input file submitti la pagina a se stessa. A questo punto ti ritrovi con l'immagine nel server (io so ripescarla, ma in php)

fammi sapere

**pasquale_pa** · 25-12-2004, 10:10

Salve,

..."rows="1" size="60" sono infatti attributi che specificano le dimensioni
del campo di input, e non influenti sul funzionamento dello stesso.
Il nocciolo del problema lo vedo nel "puntatore" 'myImg' che dovrebbe caricare
l'immagine e poi essere visualizzata con [img][/img]; ed in effetti l'immagine
viene caricata correttamente, ma visibile soltanto cliccandovi col tasto destro. Forse andrebbe
meglio "onUpload" piuttosto che onchange? In ogni caso, non so come fare submit della pagina a
sè stessa. Rifletto però sulle tue osservazioni: se l'utente carica l'immagine in locale, perchè
la pagina dovrebbe cercare nel server? Semmai dopo aver cliccato su "Submit", credo.
Forse la soluzione è: input utente-submit al server-pagina "clone" con immagine.
Credo quindi che fin quando provo in locale non vedrò il giusto esito; dovrei installare
un personal web server.
Hai comunque provato a copiare e vedere nel tuo editor il mio spezzone di form?
Te lo rimando: (ti ringrazio e ti saluto)
<html>

<head>

<title>Prova Form</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Fireworks Image Map">



<script language=javascript>

</script>

</head>

<body bgcolor="#ffffff">

<p align="center">

<form action="--WEBBOT-SELF--" method="POST" onSubmit="">
[Componente di FrontPage Salva risultati]

<map name="venditemp">
<area shape="rect" coords="11,202,119,214" href="mailto:vendo_sell.@neon.it" >
</map>

<dl>
<dd>
<div align="left">
<table border="0" width="197" height="1" bordercolor="#FFCE6D" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF">
<tr>
<td width="305" height="38" valign="top" bgcolor="#FFCA69">

<font face="Tahoma" size="2">Testo dell'annuncio (descrizione):

Text (description):
<textarea name="Commenti" rows="5" cols="45"></textarea></font></p>
</td>
</tr>
<tr>
<td width="305" height="38" valign="top" bgcolor="#FFCA69">

<font face="Tahoma" size="2">Aggiungi foto

Add image

</font>

<input type="file" rows="1" size="60" onchange="document.getElementById('myImg').src=(th is.value);">

[img][/img]

</p>
</td>
</tr>
</table>
</div>
</dd>
</dl>
<p align="center">

<p align="center">

<input type="submit" value="Invia - Submit">
<input type="reset" value="Cancella - Reset"></p>
</form>
</body>

</html>

Discussione: Form e immagini

Strumenti discussione

Ricerca discussione

Visualizza

Form e immagini

Permessi di invio