2012-06-30 6 views
6

Voglio visualizzare l'immagine prima del caricamento. Ho provato il seguente codice ma funziona solo in firefox.but ho bisogno di farlo funzionare in IE. Qualcuno potrebbe suggerirmi il meglio soluzione per this.I sto dando il mio codice qui sotto potrebbe una qualsiasi delle figure dove sono andato googled quasi un intero day.But riusciva a trovare la mia soluzione Ecco il mio codiceVisualizza l'anteprima dell'immagine prima del caricamento in IE9

enter code here 

function loadname(img, previewName) { 
     var isIE = (navigator.appName == "Microsoft Internet Explorer"); 
     var path = img.value; 
     var ext = path.substring(path.lastIndexOf('.') + 1).toLowerCase(); 
     if (ext == "gif" || ext == "jpeg" || ext == "jpg" || ext == "png") { 
      if (isIE) { 
       alert(path); 
       $('#' + previewName).attr('src', path); 
      } else { 
       if (img.files[0]) { 
        var reader = new FileReader(); 
        reader.onload = function (e) { 
         $('#' + previewName).attr('src', e.target.result); 
        } 
        reader.readAsDataURL(img.files[0]); 
       } 
      } 
     } 
    } 

mio html è

<body><form method="post" > 
<input type="file" class="file" onchange="loadname(this,'previewimg')" id="file" /><img src="about:blank" name="previewimg" id="previewimg" alt="" style="width:2in; height:2in"/> 


</form> 

risposta

6

Per motivi di sicurezza IE9 non suppo accesso ai file sul computer client, ecco perché non vedi alcuna anteprima. Dovresti caricare l'immagine sul tuo server e poi visualizzarla.

vedere BIRD

Un modo potrebbe essere quello sulla caricati, mostrare una barra di avanzamento durante l'utilizzo di ajax per salvare il file in una cartella temporanea sul server con il nome dell'immagine come un ID temporaneo e memorizzare l'ID nel database (in modo da poterlo eliminare in seguito) e quindi visualizzarlo nel controllo immagine. Se è necessario eliminare il file in seguito, basta eliminarlo utilizzando l'ID o, se necessario, salvarlo, spostarlo nella cartella delle immagini.

+0

Potrebbe fornire esempi su come eseguire questa parte server @Ashwin Singh – SahithiPinisetty

+0

Per eseguire questa operazione è necessario lo scripting lato server. –

Problemi correlati