當前位置:首頁 » 文件管理 » jquery上傳頭像裁剪

jquery上傳頭像裁剪

發布時間: 2022-06-24 17:50:23

A. 求javascript裁剪頭像代碼 簡單一點的 只需要進行拖拽操作獲取到坐標和寬高 我自己另外寫ajax函數提交

剪頭像:
<script type="text/javascript" language="javascript">
<!--
//關於圖片處理
var _cutMinW=48; //切片最小寬度
var _cutMinH=48; //切片最小高度
var _imgPath=getCookie('162100screenshotsImg'); //圖片路徑

function getCookie(name){
var arr=document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr!=null && arr!=false) return decodeURIComponent(arr[2]);
return false;
}

function startP(){
//alert('示例圖片已載入,此鍵暫不必用');
location.href="start.html";
}

function subCut(){
/*
alert('\
圖片實際寬度為'+Math.ceil(_imgW)+'px\n\
圖片實際高度為'+Math.ceil(_imgH)+'px\n\
圖片當前寬度為'+Math.ceil(_nowW)+'px\n\
圖片當前高度為'+Math.ceil(_nowH)+'px\n\
截圖X坐標為'+Math.ceil(_pP.offsetWidth+1-_imgO.offsetLeft)+'px\n\
截圖Y坐標為'+Math.ceil(_pP.offsetHeight+1-_imgO.offsetTop)+'px\n\
截圖寬度為'+Math.ceil(_pO.offsetWidth-2)+'px\n\
截圖高度為'+Math.ceil(_pO.offsetHeight-2)+'px\n\
可將上述參數,轉向後台處理。');
*/
if(!_imgW || !_imgH || _imgO==null){
alert('圖片載入出錯!');
return false;
}
var f=document.createElement("form");
f.action="i_up.php";
f.method="post";
f.style.display='none';
f.innerHTML='\
<input type="hidden" name="imgw" value="'+Math.ceil(_imgW)+'" />\
<input type="hidden" name="imgh" value="'+Math.ceil(_imgH)+'" />\
<input type="hidden" name="noww" value="'+Math.ceil(_nowW)+'" />\
<input type="hidden" name="nowh" value="'+Math.ceil(_nowH)+'" />\
<input type="hidden" name="px" value="'+Math.ceil(_pP.offsetWidth+1-_imgO.offsetLeft)+'" />\
<input type="hidden" name="py" value="'+Math.ceil(_pP.offsetHeight+1-_imgO.offsetTop)+'" />\
<input type="hidden" name="pw" value="'+Math.ceil(_pO.offsetWidth-2)+'" />\
<input type="hidden" name="ph" value="'+Math.ceil(_pO.offsetHeight-2)+'" />\
<input type="hidden" name="ptype" value="4" />\
';
document.body.appendChild(f);
document.getElementById('runSub').style.display='block';
f.submit();
}
-->
</script

B. jQuery這樣「$.自定義」,是個什麼操作

lz上過sns網站或者論壇之類的嗎,看上面的上傳頭像然後剪切大小,都是用flash來完成的。
如果用jquery的圖片剪切插件,就可以不用flash 用js來完成。這種是復雜型的,雖然自己也能做但是要花時間,用現成的插件省去了不少寫代碼的時間。
基本上自定義插件都是省去寫代碼的時間而已,改下參數只能用。
我覺得用自定義插件就是解決時間問題,增加開發速度

C. asp.net c# 圖片裁剪上傳的功能實現

這段是jQuery的代碼。
如果你想獲取客戶端的圖片路徑是不可以的。這是出於對客戶端的安全保護。
你必須把客戶端的圖片保存到伺服器上,還後再在伺服器上進行圖片處理。

src: 'images/lulu.jpg',//找到圖片
這行代碼的圖片路徑,應該是你的伺服器保存的圖片的路徑。

D. jQuery,croppic(用戶截圖後上傳功能)的使用方法

它是前台剪切後,發回剪切的圖片數據到後台,然後後台將該數據保存為圖片,並生成一條引用鏈接給前台就行了。

E. thinkphp3.1頭像剪切上傳怎麼把jquery剪切好的圖片上傳保存到資料庫

canvas
轉成
base64位,然後得到圖片的編碼,然後上傳到資料庫

F. 在論壇上傳頭像時要先選擇本地文件,然後上傳,進行裁剪後保存。

只要上傳提示成功過,伺服器上就會存在,除非人為刪除了

G. html5+js怎麼實現手機頭像上傳,可裁剪

抱歉
這個已經不屬於HTML+JS的內容了。
最常用的是.NET和PHP,這兩個都有現成的模版可以下載。

H. 如何用CropBox實現頭像裁剪並與java後台交互

主流的前端jQuery 圖像裁剪插件有Jcrop和CropBox,前者是將原圖和需要裁剪的參數(裁剪的各點坐標,旋轉角度等)傳到後台,然後由後台完成實際的裁剪和後續操作。
CropBox實現功能相對較少,但操作更簡單,它的原理是:
將裁減後的圖片通過base64編碼,然後轉化為blob格式發送到伺服器,伺服器完成解碼即可,官網介紹可以看github上的說明和Demo
核心js函數只有兩個:
getDataURL 將裁剪後的圖片簡單以base64編碼後的結果,用於實時預覽,當然也可以將它直接傳到伺服器,然後解碼為png格式
getBlob 上傳圖片為Blob格式

首先貼出兩個函數的源碼
getDataURL: function ()
{
var width = this.thumbBox.width(),
height = this.thumbBox.height(),
canvas = document.createElement("canvas"),
dim = el.css('background-position').split(' '),
size = el.css('background-size').split(' '),
dx = parseInt(dim[0]) - el.width()/2 + width/2,
dy = parseInt(dim[1]) - el.height()/2 + height/2,
dw = parseInt(size[0]),
dh = parseInt(size[1]),
sh = parseInt(this.image.height),
sw = parseInt(this.image.width);

canvas.width = width;
canvas.height = height;
var context = canvas.getContext("2d");
context.drawImage(this.image, 0, 0, sw, sh, dx, dy, dw, dh);
var imageData = canvas.toDataURL('image/png');
return imageData;
},
getBlob: function()
{
var imageData = this.getDataURL();
var b64 = imageData.replace('data:image/png;base64,','');
var binary = atob(b64);
var array = [];
for (var i = 0; i < binary.length; i++) {
array.push(binary.charCodeAt(i));
}
return new Blob([new Uint8Array(array)], {type: 'image/png'});
},

I. 緊急用!我想在網頁上實現:用戶上傳普通頭像後,網站自動將頭像輪廓裁 剪成正六邊形,要求裁去的部分為透

俄……有點難。也有點不清楚你的問題,抱歉了不能幫忙了嘿。。。。= =
我貌似真的不能幫忙了,很想幫你可是我還是是很會用軟體類的。。。看來我要好好學了。。這個真的很難做。

J. 帝國CMS程序安裝頭像裁切插件,帝國CMS怎麼實現頭像裁切功能

圖像裁切功能,帝國cms默認是不帶的,需要自己用jquery來實現
自己在網上找個jquery裁切插件就OK了

熱點內容
單獨編譯內核模塊 發布:2025-01-16 18:54:26 瀏覽:802
js解壓字元串 發布:2025-01-16 18:54:17 瀏覽:482
php怎麼開啟伺服器 發布:2025-01-16 18:52:53 瀏覽:769
億速雲北京三區伺服器雲主機 發布:2025-01-16 18:52:01 瀏覽:359
我的世界網易伺服器做家園 發布:2025-01-16 18:50:33 瀏覽:553
虛擬存儲安全教程 發布:2025-01-16 18:49:48 瀏覽:574
vps配置ftp 發布:2025-01-16 18:49:02 瀏覽:157
qtc比python好用 發布:2025-01-16 18:39:48 瀏覽:488
電腦有免費伺服器嗎 發布:2025-01-16 18:35:28 瀏覽:220
sql生成唯一 發布:2025-01-16 18:35:25 瀏覽:223