fileupload文件上图片按比例缩放大小js 代码

<input type="file" size="20" onchange="网页特效:previewimg(this);" />
<div id="newpreview"></div>

js代码

<style type="text/css教程">
#newpreview
{
filter:progid:dximagetransform.microsoft.alphaimageloader(sizingmethod=images);
}
</style>
<script type="text/javascript" language="javascript">
function previewimg(imgfile)
{
  var newpreview = document.getelementbyid("newpreview");
  newpreview.filters.item("dximagetransform.microsoft.alphaimageloader").src = imgfile.value;
  newpreview.style.width = newpreview.offsetwidth /2;  
  newpreview.style.height = newpreview.offsetheight / 2;  
  newpreview.filters.item("dximagetransform.microsoft.alphaimageloader").sizingmethod = 'scale';
}
</script>

时间: 2024-09-16 16:14:07

fileupload文件上图片按比例缩放大小js 代码的相关文章

JS控制图片等比例缩放的示例代码

 本篇文章主要是对JS控制图片等比例缩放的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: <SCRIPT language="JavaScript"> function DrawImage(ImgD,FitWidth,FitHeight){        var image=new Image();        image.src=ImgD.src;        if(image.width>0 && image.he

JS控制图片等比例缩放的示例代码_javascript技巧

复制代码 代码如下: <SCRIPT language="JavaScript">function DrawImage(ImgD,FitWidth,FitHeight){       var image=new Image();       image.src=ImgD.src;       if(image.width>0 && image.height>0){           if(image.width/image.height>

web图片同比例缩放的问题

问题描述 web图片同比例缩放的问题 由于上传的图片大小及比例都不同,想要图片显示成固定高度和宽度,而且是保持同比例缩放的,各位大神,怎么解决啊?谢啦 解决方案 服务器端进行等比率裁剪,自己百度下使用的语言,都有相关的代码的.或者使用waterfall此类的插件,可以自动帮你布局图片

php实现图片等比例缩放代码_php技巧

新建文件index.php,需要在统计目录下有个图片为q.jpg(可根据源码进行更改图片的名称) 源代码如下: <?php $filename="q.jpg"; $per=0.3; list($width, $height)=getimagesize($filename); $n_w=$width*$per; $n_h=$height*$per; $new=imagecreatetruecolor($n_w, $n_h); $img=imagecreatefromjpeg($fi

Android开发之imageView图片按比例缩放的实现方法_Android

本文实例讲述了Android开发之imageView图片按比例缩放的实现方法.分享给大家供大家参考,具体如下: android:scaleType可控制图片的缩放方式,示例代码如下: <ImageView android:id="@+id/img" android:src=\'#\'" /logo" android:scaleType="centerInside" android:layout_width="60dip"

JavaScript实现网页图片等比例缩放实现代码及调用方式_javascript技巧

在处理网页图片时,特别是一些图片列表的应用里面,很难保证图片统一大小,直接设置图片大小又会导致图片拉伸,造成图片模糊,本文介绍的代码可以在图片加载完成后自动按比例调整图片大小. Javascript: 复制代码 代码如下: < script language="javascript" type="text/javascript"> < !-- // 说明:用 JavaScript 实现网页图片等比例缩放 // 整理:http://www.CodeB

Android imageView图片按比例缩放

android:scaleType可控制图片的缩放方式,示例代码如下: <ImageView android:id="@+id/img" android:src="@drawable/logo" android:scaleType="centerInside" android:layout_width="60dip" android:layout_height="60dip" android:layo

Android开发之imageView图片按比例缩放的实现方法

本文实例讲述了Android开发之imageView图片按比例缩放的实现方法.分享给大家供大家参考,具体如下: android:scaleType可控制图片的缩放方式,示例代码如下: <ImageView android:id="@+id/img" android:src=\'#\'" /logo" android:scaleType="centerInside" android:layout_width="60dip"

JavaScript实现网页图片等比例缩放

javascript|网页 参考了一些代码,自己写了个图片缩放的脚本,可以点击放大,同时用鼠标滑轮自由缩放. //图片按比例缩放,可输入参数设定初始大小function resizeimg(ImgD,iwidth,iheight) {     var image=new Image();     image.src=ImgD.src;     if(image.width>0 && image.height>0){        if(image.width/image.hei