首页
知识
文库
登录
|
注册
首页
最近更新
所有主题
我的主题
我的收藏
首页
·
知识
·
前端
解决IE7下图片上传预览
fly_to_the_winds
http://blog.csdn.net/fly_to_the_winds/archive/2009
综合
编辑:
dezai
图片来源:网络
=================================== script language="javascript" function test() {
===================================
====================================
现在我们得把
换成
=====================================
javascript部分这样写
function FnImgChange()
{
var objImgPath = document.getElementById("file_pic_path1");
var objImg = document.getElementById("divShow");
var img = objImgPath.value;
objImg.style.visibility = "hidden";
objImg.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = img;
objImg.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = "image";
//过一小会获取div的宽高.
setTimeout("setImg()",100);
}
function setImg()
{
var o = document.getElementById("divShow");
var width_img;
var height_img;
o.style.visibility = "visible";
width_img=o.offsetWidth;
height_img=o.offsetHeight;
var width=420; //预定义宽,图片的宽度了
var height=200; //预定义高,如果宽小于长度,那么他会自适应按照宽度来计算比例,所以对于一般情况长>宽的照片时候,这个参数没啥意义
var ratW; //宽的缩小比例
var ratH; //高的缩小比例
var rat; //实际使用的缩小比例
if(width_img
{
//如果比预定义的宽高小,原图显示。
o.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = "image";
return;
}
else
{
//如果大的化,要把 sizingMethod改成scale 如果属性是image,不管怎么改div的宽高,都不起作用
o.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = "scale";
}
ratH = height/height_img;
ratW = width/width_img;
if(ratH
rat=ratH;
else
rat=ratW;
width_img = width_img * rat;
height_img = height_img * rat;
o.style.width = width_img;
o.style.height = height_img;
} 本文作者:fly_to_the_winds 来源:http://blog.csdn.net/fly_to_the_winds/archive/2009
CIO之家 www.ciozj.com 微信公众号:imciow
>>频道首页
>>网站首页
纠错
>>投诉
版权声明:CIO之家尊重行业规范,每篇文章都注明有明确的作者和来源;CIO之家的原创文章,请转载时务必注明文章作者和来源;
延伸阅读
Redis 使用规范
前端性能优化方案归纳
最好的跨域解决方案
也许感兴趣的
.
业财深度融合下的财务共享建设路径
.
供应链管理的绩效考核指标
.
看透SAAS企业好坏的16个关键指标
.
SaaS产品的五类核心指标
.
构建普适通用的企业网络安全体系框架
.
大数据安全体系介绍之技术体系篇
.
构建知识图谱:从技术到实战的完整指南
我们推荐的
.
20个编写现代CSS代码的建议
.
最全前端资源汇集
.
移动端web开发技巧与经验
.
40 个重要的 HTML5 面试问题及答案
.
移动H5前端性能优化指南
.
优化网站加载速度的14个技巧
.
2014年5个最流行前端框架
.
重构HTML改善Web应用设计
主题最新
.
ClickHouse开发与使用规范大全
.
一文搞懂微服务架构演进
.
一文详解微服务架构
.
迄今为止最完整的DDD实践
.
ClickHouse、Doris、 Impala等MPP架构详解
.
全链路压测自动化实践
.
多维度规划业务架构
.
企业架构之业务架构
.
基于CLICKHOUSE的数据仓库分层规范
看看其它的
上一篇
防止CSS样式被挂网页木马
下一篇
解决IE7下图片上传预览
作者其它的文章
.
解决IE7下图片上传预览
收藏至微信
关闭
广告