html上传图片压缩图片_如何在HTML中用CSS对图片进行缩放

Ⅰ 在MVC中，要实现图片上传并压缩的功能，cshtml，Controller，Model层和Dal层，该如何去写求指点，急用

给你一个上传的插件，这个插件可以做到，先压缩一下在上传

http://fex..com/webuploader/getting-started.html

不过，你觉得不行的话，只能做到上传之后在进行压缩，不管是mvc 还 webform ，都一样，没有任何区别

Ⅱ html 怎样不缩小图片而改变图片大小呢

<img src="xx.jpg" width="200px" height="100px" alt="xx" title="xx" />

我只有用CSS来解决这个问题了
<! DOCTYPE HTML>
<meta................>
<head>
<title>.....</title>
<style type="text/css">

#xx2{
position:absolutely;
top:这里的值你自己设置不会影响整体布局单位是px
left:这里的值你自己设置不会影响整体布局 ..........px

}
</style>
</head><html>
<body>
<img src="xx1.jpg" width="200px" height="100px" alt="xx1" title="xx1" /><img src="xx2.jpg" width="200px" height="100px" alt="xx2" title="xx2" id="xx2" />
</body>
应用绝对定位，可能会错你的意了哦

Ⅲ 急！！为什么html插入图片后不显示一开始都显示的...压缩后就不显示了

<imgsrc="file:///C|/Users/Cecilia/Desktop/1/_副本.jpg"align="right"width="300"height="330"/>

上面你的代码和图片放到一个文件夹中，用新路径是如下

<imgsrc="_副本.jpg"align="right"width="300"height="330"/>

Ⅳ html中，<img>标签，缩小图片，但不改变原图片大小，也不能被压缩，求解。

用CSS来处理啊。像这样，<img src="http://img..com/img/logo-.gif" style="width:60px; height:30px" />

Ⅳ 在html静态网页中,如何提高图片的加载速度,如何压缩图片

压缩图片会减少图片清晰质量
如果可以接受图片质量的降低可以把图在PS里另存，另存的时候就会选择图片质量0-12
还可以直接用QQ截图，截图会降低一部分图片质量
如果不能接受图片质量的降低
就得将大图分成一个个的小图分别加载

Ⅵ php、HTML5上传图片自动压缩问题

给你个图片处理的类吧，图片剪裁处理后，也就等于将图片压缩了。

/**
*图像处理类
*============================================================================
*Copyright2014大秦科技，并保留所有权利。
*网站地址:http://www.qintech.net；
*============================================================================
*/
classImage{

//生成缩略图的方式
public$thumbType;
//缩略图的宽度
public$thumbWidth;
//缩略图的高度
public$thumbHeight;
//生成缩略图文件名后缀
public$thumbEndFix;
//缩略图文件前缀
public$thumbPreFix;

/**
*构造函数
*/
publicfunction__construct(){
$this->thumbType=1;
$this->thumbWidth=120;
$this->thumbHeight=60;
$this->thumbPreFix='';
$this->thumbEndFix='_thumb';
}

/**
*检测是否为图像文件
*@param$img图像
*@returnbool
*/
privatefunctioncheck($img){
$type=array(".jpg",".jpeg",".png",".gif");
$imgType=strtolower(strrchr($img,'.'));
returnextension_loaded('gd')&&file_exists($img)&&in_array($imgType,$type);
}

/**
*获得缩略图的尺寸信息
*@param$imgWidth原图宽度
*@param$imgHeight原图高度
*@param$thumbWidth缩略图宽度
*@param$thumbHeight缩略图的高度
*@param$thumbType处理方式
*1固定宽度高度自增2固定高度宽度自增3固定宽度高度裁切
*4固定高度宽度裁切5缩放最大边原图不裁切
*@returnmixed
*/
privatefunctionthumbSize($imgWidth,$imgHeight,$thumbWidth,$thumbHeight,$thumbType){
//初始化缩略图尺寸
$w=$thumbWidth;
$h=$thumbHeight;
//初始化原图尺寸
$cuthumbWidth=$imgWidth;
$cuthumbHeight=$imgHeight;
switch($thumbType){
case1:
//固定宽度高度自增
$h=$thumbWidth/$imgWidth*$imgHeight;
break;
case2:
//固定高度宽度自增
$w=$thumbHeight/$imgHeight*$imgWidth;
break;
case3:
//固定宽度高度裁切
$cuthumbHeight=$imgWidth/$thumbWidth*$thumbHeight;
break;
case4:
//固定高度宽度裁切
$cuthumbWidth=$imgHeight/$thumbHeight*$thumbWidth;
break;
case5:
//缩放最大边原图不裁切
if(($imgWidth/$thumbWidth)>($imgHeight/$thumbHeight)){
$h=$thumbWidth/$imgWidth*$imgHeight;
}elseif(($imgWidth/$thumbWidth)<($imgHeight/$thumbHeight)){
$w=$thumbHeight/$imgHeight*$imgWidth;
}else{
$w=$thumbWidth;
$h=$thumbHeight;
}
break;
default:
//缩略图尺寸不变，自动裁切图片
if(($imgHeight/$thumbHeight)<($imgWidth/$thumbWidth)){
$cuthumbWidth=$imgHeight/$thumbHeight*$thumbWidth;
}elseif(($imgHeight/$thumbHeight)>($imgWidth/$thumbWidth)){
$cuthumbHeight=$imgWidth/$thumbWidth*$thumbHeight;
}
//}
}
$arr[0]=$w;
$arr[1]=$h;
$arr[2]=$cuthumbWidth;
$arr[3]=$cuthumbHeight;
return$arr;
}

/**
*图片裁切处理
*@param$img原图
*@paramstring$outFile另存文件名
*@paramstring$thumbWidth缩略图宽度
*@paramstring$thumbHeight缩略图高度
*@paramstring$thumbType裁切图片的方式
*1固定宽度高度自增2固定高度宽度自增3固定宽度高度裁切
*4固定高度宽度裁切5缩放最大边原图不裁切6缩略图尺寸不变，自动裁切最大边
*@returnbool|string
*/
publicfunctionthumb($img,$outFile='',$thumbWidth='',$thumbHeight='',$thumbType=''){
if(!$this->check($img)){
returnfalse;
}
//基础配置
$thumbType=$thumbType?$thumbType:$this->thumbType;
$thumbWidth=$thumbWidth?$thumbWidth:$this->thumbWidth;
$thumbHeight=$thumbHeight?$thumbHeight:$this->thumbHeight;
//获得图像信息
$imgInfo=getimagesize($img);
$imgWidth=$imgInfo[0];
$imgHeight=$imgInfo[1];
$imgType=image_type_to_extension($imgInfo[2]);
//获得相关尺寸
$thumb_size=$this->thumbSize($imgWidth,$imgHeight,$thumbWidth,$thumbHeight,$thumbType);
//原始图像资源
$func="imagecreatefrom".substr($imgType,1);
$resImg=$func($img);
//缩略图的资源
if($imgType=='.gif'){
$res_thumb=imagecreate($thumb_size[0],$thumb_size[1]);
$color=imagecolorallocate($res_thumb,255,0,0);
}else{
$res_thumb=imagecreatetruecolor($thumb_size[0],$thumb_size[1]);
imagealphablending($res_thumb,false);//关闭混色
imagesavealpha($res_thumb,true);//储存透明通道
}
//绘制缩略图X
if(function_exists("imageresampled")){
imageresampled($res_thumb,$resImg,0,0,0,0,$thumb_size[0],$thumb_size[1],$thumb_size[2],$thumb_size[3]);
}else{
imageresized($res_thumb,$resImg,0,0,0,0,$thumb_size[0],$thumb_size[1],$thumb_size[2],$thumb_size[3]);
}
//处理透明色
if($imgType=='.gif'){
imagecolortransparent($res_thumb,$color);
}
//配置输出文件名
$imgInfo=pathinfo($img);
$outFile=$outFile?$outFile:dirname($img).'/'.$this->thumbPreFix.$imgInfo['filename'].$this->thumbEndFix.".".$imgInfo['extension'];

Files::create(dirname($outFile));
$func="image".substr($imgType,1);
$func($res_thumb,$outFile);
if(isset($resImg))
imagedestroy($resImg);
if(isset($res_thumb))
imagedestroy($res_thumb);
return$outFile;
}

}

Ⅶ html5怎么压缩图片

利用canvas的drawImage方法来绘制图片，并且设置绘制的图片的width跟height，最后再通过canvas的toDataURL方法来生成压缩后的dataUR

下面直接上代码：

html:

[html]view plain

<divclass="head_imgpr">
<emclass="pa"></em>
<imgsrc='../images/icon_touxiang.png'alt=""class="modify_img"/>
<inputid="photo"type="file"accept="image/*"/>
</div>

Ⅷ html怎么压缩上传的图片

程序就比较难了，我们不是每个人都会运用，简单的方法我们也可以做到啊，迅捷图片压缩阮籍N就是挺好用的，额暗沉之后我们用html语言设置图片的高与宽，然后代入图片文件的代码就可以完成了。

Ⅸ 如何在HTML中用CSS对图片进行缩放

可以用css3中“transform: scale()”属性对图片进行缩放。

1、新建html文档，在body标签中添加一张图片，给这张图片设置css属性，添加“tansform”缩放属性，属性值为“scaleX(n)”，scaleX(n)指的是对宽度进行缩放，n指的是缩放比例：

Ⅹ 为什么HTML文件压缩以后发给别人图片没有了》

估计不是没了，是你的html中对图片文件的引用使用了类似绝对路径的写法，对方接收后，放置的路径与你的不一样，造成读取失败。
先检查一下是不是真的把图片发过去了，再检查图片url是不是写对了。

导航:首页 > 文件处理 > html上传图片压缩图片

html上传图片压缩图片

与html上传图片压缩图片相关的资料