Exemple de code pour prévisualiser l'image sélectionnée sans compétences rafraîchissantes_javascript

" -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> : //www.w3.org/1999/xhtml">

Document sans titre //Aperçu de l'image locale fonction setImagePreview(fieldupload, image, imagediv ) { var docObj = document.getElementById(fieldupload); var imgObjPreview = document.getElementById(image); if (docObj.files && docObj.files[0]) { / / Sous Firefox, définissez directement l'attribut img imgObjPreview.style.display = 'block'; imgObjPreview.style.width = '150px'; imgObjPreview.style.height = '150px'; //imgObjPreview.src = docObj.files[0].getAsDataURL(); //Firefox 7 et supérieur ne peut pas être obtenu en utilisant la méthode getAsDataURL() ci-dessus, et la méthode suivante est requise imgObjPreview.src = window.URL. createObjectURL(docObj.files[0]); } else { //Sous IE, utilisez le filtre docObj.select(); (). text; var localImagId = document.getElementById(imagediv); //La taille initiale doit être définie localImagId.style.width = "150px" localImagId.style.height = "150px"; //Capturez les exceptions d'image pour empêcher les utilisateurs de modifier le suffixe pour forger des images essayez { localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale) "; localImagId.filters. item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc; } catch (e) { alert("Le format de l'image que vous avez téléchargé est incorrect, veuillez sélectionner à nouveau ! "); return false ; } imgObjPreview.style.display = 'none'; document.selection.empty(); } return true; }

"150px" height="150px" src="http://images.cnblogs.com/cnblogs_com/yc-755909659/559257/o_No pictures.gif" alt="" /> ;div> ; &lt ;/corps>