Image Télécharger l'aperçu ne fonctionne pas Chrome

Ceci est le code uniquement Compatibilité IE, FF mais ne fonctionne pas chrome et safari. merci de me suggérer un moyen pour cela.Image Télécharger l'aperçu ne fonctionne pas Chrome

<h3>Choose an image:</h3> 
    <input type='file' onchange="document.images[0].src=getPath(this);" /> 


<h3>preview</h3>  
    <img src="#" alt="your image" /> 

<script type='text/javascript'> 

function getPath(input){ 
    if(input.files && input.files[0]){ 
     return input.files[0].getAsDataURL(); 
    } 
return input.value || "No file selected"; 
} 

</script>

Source

2010-10-28 khanh

Cela semble fonctionner:

<html><body> 

<h3>Choose an image:</h3> 
    <form><input type='file' onchange="readURL(this);" /></form> 


<h3>preview</h3>  
    <img id="blah" src="#" alt="your image" /> 

<script type='text/javascript'> 

var reader = new FileReader(); 
reader.onload = function(e) { 
    document.images[0].src = e.target.result; 
}; 

function readURL(input){ 
    if(input.files && input.files[0]){ 
     reader.readAsDataURL(input.files[0]); 
    } 
    else { 
    document.images[0].src = input.value || "No file selected"; 
    } 
} 

</script> 

</body></html>

Source

2010-10-28 05:20:29 mjhm

merci. mais votre code ne fonctionne pas sur IE. – khanh

J'ai corrigé une ligne mais le je pense que cela ne fonctionnera que lorsque le navigateur est pointé vers un fichier html local. Malheureusement, je ne sais pas comment faire l'équivalent de "readAsDataURL" sur IE. – mjhm

Image Télécharger l'aperçu ne fonctionne pas Chrome

Répondre

Questions connexes