Calcolare width e height immagine

[zoom]

Sto cercando di creare un controllo in js per verificare che l'immagine caricata attraverso il campo input file non sia più grande di un valore predefinito.
Avevo pensato di richiamare una funzione all'onchange dell'input.
Questa funzione avrebbe dovuto cambiare l'src di un'immagine con il contenuto del campo input e successivamente attraverso DOM recuperare le dimensioni...
Però non riesco...

Ho scritto questo semplice codice ma non riesce a fare il cambio di src. immagine contiene il contenuto dell'input...

function calcola(immagine){
immAppoggio=document.getElementById('immagineAppog gio');
immAppoggio.src=immagine;
larghezza=immAppoggio.width;
alert(larghezza);

}

c'è un modo per fare quello che sto cercando di fare? :master:

[oronze]

boh, che io sappia con js non puoi

[zoom]

e invece un metodo che non usi js ma che funzioni prima del submit del form lo conosci? esiste?
Ovviamente considerando che si tratta comunque di un sito web...

[oronze]

no, o meglio, dopo che fai il submit controlli la dimensione con qualche linguaggio lato server, poi non saprei, magari ne esiste uno....non mi è mai capitato di dover usare un controllo simile quindi non sono documentato...ho postato proprio per ricevere la notifica ed essere informato della risposta

[zoom]

ecco, allora siamo nella stessa situazione.... anche io non l'ho mai fatto pre-caricamento.
volevo però capire se fosse possibile perchè c'era una richiesta di questo tipo

mi sa che però non si riesce

[drakend]

Non so molto di javascript però non è possibile caricare l'immagine dentro un img e poi leggerne le dimensioni?

[zoom]

questo è proprio quello che avevo provato a fare...
però non riesco a impostare la src dell'immagine con la nuova immagine che è ancora in locale...

a questo punto penso che il metodo più diretto sia il caricamento via Ajax dell'immagine in una cartella tmp per effettuare il controllo delle dimensioni

[drakend]

Cambiare l'src di un'immagine dovrebbe essere possibile lato client...

[zoom]

uff...
ho fatto un sistema di caricamento con Ajax...

il problema però non è ancora risolto...
ho un form, al submit carico l'immagine in una cartella tmp.
poi con js vado a leggere le dimensioni

myImg="";
larghezza=0;
altezza=0;

myImg = new Image();
myImg.src = "../img/primoPiano/tmp/2605.gif";
larghezza=myImg.width;
altezza=myImg.height;
alert(larghezza + " x " + altezza);

se le dimensioni non sono giuste con Ajax richiamo una funzione che cancella il file, se invece sono giuste lo metto nella cartella corretta.
Il sistema regge...
Eppure non capisco perchè ma non funziona.

Carico un'immagine 140X200, siccome la dimensione non è 50x30 la cancella e mostra il messaggio di errore. GIUSTO.
La seconda immagine caricata ha dimensione 300x290, e incredibilmente l'alert invece mostra come dimensioni 140X200!
Di fatto legge sempre le dimensioni dell'immagine precedente già cancellata... o meglio... non azzera i valori.

Eppure mi pare di averlo scritto in maniera evidente ZERO
Ma come è possibile?

[pietro09]

Chiedo scusa anch'io: intervengo non per dare risposte ma per riceverne, dato che interessa molto anche me.
Ritornando al quesito, il primo di zoom, non credo che non ci riesci; ma è che quel metodo andava bene con Ie, prima della rivoluzione di Xp sp2. Prima funzionava, adesso proprio no.
E con firefox e opera neanche se ne parli.

L'unico modo che conosco, funzionante in asp.net è quello di impostare la dimensione massima di upload. Ma il risultato è molto brutto, dato che non riesco a intercettare l'errore e presentare una pagina di errore personalizzata.


Sono in attesa , ciao