<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title> Untitled Document </title>
<script type= "Text/javascript" >
Local picture preview
function Setimagepreview (fieldupload, image, Imagediv) {
var docobj = document.getElementById (fieldupload);
var Imgobjpreview = document.getElementById (image);
if (Docobj.files && docobj.files[0]) {
Firefox, set the IMG property directly
ImgObjPreview.style.display = ' block ';
ImgObjPreview.style.width = ' 150px ';
ImgObjPreview.style.height = ' 150px ';
IMGOBJPREVIEW.SRC = Docobj.files[0].getasdataurl ();
Firefox 7 version can not be used above the Getasdataurl () way to get, need a way
imgobjpreview.src = window. Url.createobjecturl (Docobj.files[0]);
} else {
ie, using filters
Docobj.select ();
var imgsrc = Document.selection.createRange (). text;
var localimagid = document.getElementById (Imagediv);
Initial size must be set
LocalImagId.style.width = "150px";
LocalImagId.style.height = "150px";
Image exception capture to prevent users from modifying the suffix to forge pictures
try {
LocalImagId.style.filter = "Progid:DXImageTransform.Microsoft.AlphaImageLoader (Sizingmethod=scale)"; LocalImagId.filters.item ("DXImageTransform.Microsoft.AlphaImageLoader"). src = imgsrc;
catch (e) {
Alert ("The image you uploaded is not in the correct format, please choose again!");
return false;
}
ImgObjPreview.style.display = ' None ';
Document.selection.empty ();
}
return true;
}
</script>
<body>
<div id= "Localimag" > </div>
<div>
<input type= "File" onchange= "Javascript:setimagepreview (' upload ', ' preview ', ' Localimag ');" id= "Upload"/>
</div>
</body>
