复制代码 代码如下:
<script>
function setimagepreview() {
var docobj=document.getelementbyid("doc");
var imgobjpreview=document.getelementbyid("preview");
if(docobj.files && docobj.files[0]){
//火狐下，直接设img属性
imgobjpreview.style.display = 'block';
imgobjpreview.style.width = '300px';
imgobjpreview.style.height = '120px';
//imgobjpreview.src = docobj.files[0].getasdataurl();
//火狐7以上版本不能用上面的getasdataurl()方式获取，需要一下方式
imgobjpreview.src = window.url.createobjecturl(docobj.files[0]);
}else{
//ie下，使用滤镜
docobj.select();
var imgsrc = document.selection.createrange().text;
var localimagid = document.getelementbyid("localimag");
//必须设置初始大小
localimagid.style.width = "250px";
localimagid.style.height = "200px";
//图片异常的捕捉，防止用户修改后缀来伪造图片
try{
localimagid.style.filter="progid:dximagetransform.microsoft.alphaimageloader(sizingmethod=scale)";
localimagid.filters.item("dximagetransform.microsoft.alphaimageloader").src = imgsrc;
}catch(e){
alert("您上传的图片格式不正确，请重新选择!");
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"><img id="preview" width=-1 height=-1 style="diplay:none" /></div></p>
【说明】：本文章由站长整理发布，文章内容不代表本站观点，如文中有侵权行为，请与本站客服联系(QQ:254677821)！