filters.item图片不能控制大小
<div id="touxiang">
<img id="img0" />
</div>
<div id="touxinagform1">
<form id="touxinagform" method="post" enctype="multipart/form-data">
<a class="fl">选择头像<input type="file" name="fileupload" id="file0" onchange="uploadImage(this)" /></a>
</form>
</div>
javascript
$("#file0").change(function(){
var obj=this;
var fileName=this.value;
var strRegex = "(.jpg|.JPG|.gif|.GIF|.png|.PNG|.jpeg|.JPEG|.tif|.TIF|.tiff|.TIFF)$";
var re=new RegExp(strRegex);
if(!(re.test(fileName.toLowerCase()))){
alert("只能上传图片");
return;
}
obj.select();
var imgSrc = document.selection.createRange().text;
var touxiang = document.getElementById("touxiang");
touxiang.style.width = "120px";
touxiang.style.height = "120px";
try{
touxiang.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image)";
touxiang.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
}catch(e){
return false;
}
document.selection.empty();
alert(imgSrc);
}
为什么图片出来后按图片自身尺寸显示,不受CSS控制,请高手帮帮忙改改,叩谢!