Visualizzazione dei risultati da 1 a 8 su 8

Discussione: peso immagini

  1. #1
    paolobig1
    Guest

    peso immagini

    Ciao!!
    Il client deve inviare delle immagini al server trammite upload, esiste qualcosa che controlla il peso di queste immagini prima che vengano spedite ??

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    NO, sono operazioni che JS non ha il permesso di fare (si presterebbero ad usi per copiare informazioni dal client).

    Ciao
    Michele
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    paolobig1
    Guest
    Dovrebbe solamente avvertire il client che l'immagine che sta per inviare è troppo pesante e perciò non verra accettata

  4. #4
    Originariamente inviato da paolobig1
    Dovrebbe solamente avvertire il client che l'immagine che sta per inviare è troppo pesante e perciò non verra accettata
    saresti comunque costretto a passare da una pagina intermedia.

    ciao

  5. #5
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Ovviamente solo per IE... negli altri browser non e' disponibile la proprieta' fileSize per le immagini (e non esistono alternative)

    codice:
    <script>
    function precarica(){
    	nomeFile = document.myForm.myFile.value;
    	if (nomeFile=="") return;
    // isolo e verifico che l'estensione sia fra quelle permesse
    	extFile=nomeFile.substr(nomeFile.lastIndexOf(".")+1);
    	permesse="#jpg#gif#bmp#";
    	if (permesse.indexOf("#"+extFile+"#")==-1) {
    		alert(extFile + " non e' un file permesso");
    	} else { 
    		myImg.src = nomeFile; 
    	}
    }
    
    function misura(){
    	if(myImg.src=="") { // non e' permesso omettere il file
    		return false;
    	} 
    
    	largo = myImg.width; 
    	alto = myImg.height; 
    	grosso = myImg.fileSize;
    //	alert(largo+" x "+alto+" : "+grosso)
    	if (grosso>10000) { 
    		alert("troppo grosso");
    		return false
    	}
    }
    </script>
    
    <form ENCTYPE="multipart/form-data" method="post" name=myForm onsubmit='misura();'>
    <input type=file name=myFile onchange='precarica();' accept="image/*">
    </form>
    
    <img name=myImg style="visibility:hidden;" onload="misura()">
    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  6. #6
    paolobig1
    Guest
    Ciao!!
    GRAZIE!!! Questo script và benissimo ! c'è anche di più di quello che cercavo!!
    Comunque ho già fatto danni
    Premetto che conosco un pò di PHP ma con javascript sono agli inizzi.

    Ho apportato qualche modifica ma così NON FUNZIONA!! PERCHE??

    codice:
    <script>
    function precarica(a){
    	nomeFile = document.myForm.a.value;
    	if (nomeFile=="") return;
    // isolo e verifico che l'estensione sia fra quelle permesse
    	extFile=nomeFile.substr(nomeFile.lastIndexOf(".")+1);
    	permesse="#jpg#";
    	if (permesse.indexOf("#"+extFile+"#")==-1) {
    		alert(extFile + " non e' un file permesso");
    	} else { 
    		myImg.src = nomeFile; 
    	}
    }
    
    function misura(){
    	if(myImg.src=="") { // non e' permesso omettere il file
    		return false;
    	} 
    
    	largo = myImg.width; 
    	alto = myImg.height; 
    	grosso = myImg.fileSize;
    //	alert(largo+" x "+alto+" : "+grosso)
    	if (grosso>250000) { 
    		alert("troppo grosso");
    		return false
    	}
    }
    </script>
    
    <form name="myForm" enctype="multipart/form-data"  action="modifica_foto2.php" method="post" onsubmit='misura();'>
    
    <input type="file" name="img0" onChange="precarica('img0');" accept="image/*">
    
    <input type="file" name="img1" onChange="precarica('img1');" accept="image/*">
    
    <input type="file" name="img2" onChange="precarica('img2');" accept="image/*">
    
    </form>
    <img name=myImg onload="misura()" width="100" height="75">
    // FINE----------------------------------------------------------------------------------------------------------------------------

    Ho fatto una prova con lo script originale (cioè quando funzionava prima delle mie modifiche), e ho spostato l'immagine
    <img name=myImg onload="misura()" width="100" height="75"> all'interno del form però questa non visualizzava l'anteprima cosa devo impostare?? Io ho un totale di 7 <input type="file"> e vorrei inserire un'anteprima delle immmagi affianco al pulsante SFOGLIA, o un'unica finetra pop-up che visualizza una foto per volta!! Chi mi aiuta !!

    Curiosità mia , cosa fà questo comando : accept="image/*" ???????
    che si trova qui :<input type="file" name="img0" onChange="precarica('img0');" accept="image/*">

  7. #7
    paolobig1
    Guest
    Nessuno mi può aiutare

  8. #8
    Utente di HTML.it
    Registrato dal
    Dec 1999
    Messaggi
    336

    scusate ...

    ho trovato molto utile lo script di br1.
    Volevo sapere se e come potevo implementarlo dovendo, ad ex, caricare immagini con misure e/o pero differenti

    . devo fare 2 funzioni simili?
    In tal caso come posso richiamarle?

    ciauz!! ciauzz!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.