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上傳圖片壓縮圖片相關的資料