Le code est le suivant
La copie de code est la suivante:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> UNT intitulé Document </Title>
<script type = "text / javascript">
// 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 = 'bloc';
imgobjpreview.style.width = '150px';
imgobjpreview.style.height = '150px';
//imgobjpreview.src = docobj.files [0] .getAsDataurl ();
// Le Firefox 7 ou 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]);
} autre {
// utilise des filtres sous IE
docobj.select ();
var imgsrc = document.selection.createrange (). text;
var localImagid = document.getElementById (iMagedIv);
// La taille initiale doit être définie
localImagid.style.width = "150px";
localImagid.style.height = "150px";
// attraper l'exception de l'image pour empêcher les utilisateurs de modifier le suffixe pour forger des images
essayer {
localImagid.style.filter = "Progid: dxiageTransform.microsoft.alphaimageLoader (SIZETMETHOD = SCALE)";
} catch (e) {
alert ("L'image que vous avez téléchargée est incorrecte, veuillez resélectionner!");
retourne false;
}
imgobjpreview.style.display = 'Aucun';
document.selection.empty ();
}
Retour Vrai;
}
</cript>
</ head>
<body>
<div id = "localImag"> <img id = "Preview" src = "http://images.cnblogs.com/cnblogs_com/yc-755909659/559257/o_%e6%9A%82%E6%97%A0% e5% 9b% be% e7% 89% 87.gif "/> </div>
<div>
<input type = "file" onchange = "javascript: setImagePreview ('upload', 'aperçu', 'localImag');"
</div>
</docy>
</html>