Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    verifica risoluzione immagini

    dovendo uploadare alcune foto, faccio un form:
    codice:
    <form ...>
      <input type="file" name="upfile" onChange= "preview"('swap')">
      [img]pixel.jpg[/img]
    </form>
    la funzione preview permette di visualizzare l'anteprima dell'immagine acquisita da client:
    codice:
    function preview(n) {
      Img1= new Image(1,1);			 
      Img1.src = "pixel.jpg";    	
      Img2 = document.inserimento.upfile.value;   
      									  	
      document.images[n].width = 140;
      document.images[n].height = 95;
      document.images[n].src = Img2;         
      return true;
    }
    Ora io vorrei che la mia immagine in anteprima abbia un contorno rosso se la risoluzione della foto è minore di un 800x600 mentre verde altrimenti.

    Non ho però nessuna idea sul come farlo.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    codice:
    function preview(n) {
      var Img1= new Image(1,1);			 
      Img1.src = "pixel.jpg";
      var Img2 = new Image();
      Img2.src = document.inserimento.upfile.value;   
    
      var wid = Img2.width;
      var hei = Img2.height;
      var col = (wid<800 & hei<600) ? 'green' : 'red';
    
      var imm = document.images[n];
      imm.style.width = 140;
      imm.style.height = 95;
      imm.src = Img2.src;
      imm.style.borderWidth = 2; // spessore bordo
      imm.style.borderColor = col;
      return true;
    }
    Nota che per poter determinare le dimensioni ho aggiunto il preload anche per l'immagine 2 (con conseguente modifica di alcune proprieta`).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    ti ringrazio

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 © 2026 vBulletin Solutions, Inc. All rights reserved.