filters.item图片不能控制大小

xiyaoponewnew 2016-03-22 11:13:32
<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控制,请高手帮帮忙改改,叩谢!
...全文
250 4 打赏 收藏 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2016-03-29
  • 打赏
  • 举报
回复
filter : progid:DXImageTransform.Microsoft.Matrix ( enabled=bEnabled , SizingMethod=sMethod , FilterType=sType , Dx=fDx , Dy=fDy , M11=fM11 , M12=fM12 , M21=fM21 , M22=fM22 ) 使用矩阵变形实现对象内容的改变尺寸、旋转、上下或左右反转。 使用此滤镜可以建立下列效果: 左右反转。将 M11 和 M12 的值取负。 上下反转。将 M21 和 M22 的值取负。 改变尺寸。将 M11 和 M12 和 M21 和 M22 的值乘以相同的因数。对象内容尺寸会按比例增大或缩小。
LinTx_ 2016-03-29
  • 打赏
  • 举报
回复

#touxiang,#touxiang img{
width:120px;
height:120px
}
xiyaoponewnew 2016-03-29
  • 打赏
  • 举报
回复
回个贴我好结贴给分
现在ing 2016-03-29
  • 打赏
  • 举报
回复

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧