<script>
function Setimagepreview () {
var Docobj=document.getelementbyid ("Doc");
var Imgobjpreview=document.getelementbyid ("Preview");
if (Docobj.files && docobj.files[0]) {
Firefox, set the IMG property directly
ImgObjPreview.style.display = ' block ';
ImgObjPreview.style.width = ' 300px ';
ImgObjPreview.style.height = ' 120px ';
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 ("Localimag");
Initial size must be set
LocalImagId.style.width = "250px";
LocalImagId.style.height = "200px";
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>
<input type=file name= "Doc" id= "Doc" onchange= "Javascript:setimagepreview ();" >
<p><div id= "Localimag" ></div>< /p>
