O código é o seguinte
A cópia do código é a seguinte:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-bransitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> unt intitulado Documento </title>
<script type = "text/javascript">
// Visualização de imagem local
Função setImagePreview (FieldUpload, imagem, IMAGEDIV) {
var docobj = document.getElementById (FieldUpload);
var imgobjPreview = document.getElementById (imagem);
if (docobj.files && docobj.files [0]) {
// Em Firefox, defina o atributo img diretamente
imgobjpreview.style.display = 'bloco';
imgobjpreview.style.width = '150px';
imgobjpreview.style.Height = '150px';
//imgobjpreview.src = docobj.files [0] .getasDataurl ();
// O Firefox 7 ou superior não pode ser obtido usando o método getasDataurl () acima, e o seguinte método é necessário
imgobjpreview.src = window.url.createObjecturl (docobj.files [0]);
} outro {
// Use filtros sob ie
docobj.select ();
var iMgsrc = document.selection.createrange (). text;
var localImagid = document.getElementById (ImagagIV);
// O tamanho inicial deve ser definido
localImagid.style.width = "150px";
localImagid.style.Height = "150px";
// Pegue a exceção da imagem para impedir que os usuários modifiquem o sufixo para forjar fotos
tentar {
localImagid.style.filter = "Progid: dximageTransform.microsoft.alphaimageloader (sizingmethod = escala)";
} catch (e) {
alerta ("A imagem que você carregou está incorreta, por favor, selecione novamente!");
retornar falso;
}
imgobjpreview.style.display = 'nenhum';
document.selection.empty ();
}
retornar true;
}
</script>
</head>
<Body>
<div id = "localImag"> <img id = "visualize" src = "http://images.cnblogs.com/cnblogs_com/yc-755909659/559257/o_%E6%9a%82%E6%97%a0%Ad E5%9b%seja%E7%89%87.gif " /> </div>
<div>
<input type = "file" onchange = "javascript: setImagePreview ('upload', 'visualização', 'localImag');" id = "upload" />
</div>
</body>
</html>