El código es el siguiente
La copia del código es la siguiente:
<! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> un documento titulado </title>
<script type = "text/javaScript">
// Vista previa de la imagen local
función setImagePreview (FieldUpload, Image, ImageDiv) {
var docobj = document.getElementById (fieldUpload);
var imgobjpreview = document.getElementById (imagen);
if (docobj.files && docobj.files [0]) {
// Bajo Firefox, configure el atributo IMG directamente
imgobjpreview.style.display = 'block';
imgobjpreview.style.width = '150px';
imgobjpreview.style.height = '150px';
//imgobjpreview.src = docobj.files [0] .getAsdataurl ();
// El Firefox 7 o superior no se puede obtener utilizando el método getAsDataurl () anterior, y se requiere el siguiente método
imgobjpreview.src = window.url.createObjectUrl (docobj.files [0]);
} demás {
// usa filtros en IE
docobj.select ();
var imgsrc = document.selection.createrange (). Text;
var localImagid = document.getElementById (iMageDiv);
// El tamaño inicial debe estar configurado
localimagid.style.width = "150px";
localimagid.style.height = "150px";
// atrapar la excepción de imagen para evitar que los usuarios modifiquen el sufijo para forjar imágenes
intentar {
localimagid.style.filter = "progid: dximagetransform.microsoft.alphaimageloader (dimensionamiento de damas = escala)";
} catch (e) {
alerta ("La imagen que sube es incorrecta, ¡vuelva a seleccionar!");
devolver falso;
}
imgobjpreview.style.display = 'none';
document.selection.empty ();
}
devolver verdadero;
}
</script>
</ablo>
<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 ('cargar', 'vista previa', 'localImag');"
</div>
</body>
</html>