js圖片上傳裁剪

① js或者jQuery裁剪圖片然後放大。

不知道你所說的圖片是不是用戶上傳的
如果是的話我有寫了一個插件可以用
這個網址是測試用的
https://jhinsama.github.io/demos/image-clip
這個網址有使用方法
https://github.com/Jhinsama/Jhinsama.github.io/tree/master/demos/image-clip
如果使用方法看不懂的可以直接私信我
順便說一句
這個插件支持手機網頁

② 如何裁剪 CSS/JS 文件

弱弱地問一句，裁剪CSS/JS 文件是什麼意思

③ 怎樣在客戶端 利用js 壓縮圖片 大小，然後上傳至伺服器比如2M壓縮成幾十KB

無法實現，js沒有許可權去修改本地文件的，只能是將大圖上傳到伺服器後再壓縮

④ js 大文件分片上傳處理如何實現

推薦採用webuploader控制項來解決。
關於WebUploader的功能說明：
大文件上傳續傳
支持超大文件上傳(100G+)和續傳，可以關閉瀏覽器，重啟系統後仍然繼續上傳。
開源
提供ASP.NET,JSP,php示例和源代碼，其中JSP提供MySQL,Oracle,SQL Server資料庫的配置和示例代碼。
分片、並發
分片與並發結合，將一個大文件分割成多塊，並發上傳，極大地提高大文件的上傳速度。
當網路問題導致傳輸錯誤時，只需要重傳出錯分片，而不是整個文件。另外分片傳輸能夠更加實時的跟蹤上傳進度。
預覽、壓縮
支持常用圖片格式jpg,jpeg,gif,bmp,png預覽與壓縮，節省網路數據傳輸。
解析jpeg中的meta信息，對於各種orientation做了正確的處理，同時壓縮後上傳保留圖片的所有原始meta數據。
多途徑添加文件
支持文件多選，類型過濾，拖拽(文件&文件夾)，圖片粘貼功能。上傳本地指定路徑的文件，不需要通過點擊按鈕選擇文件。
粘貼功能主要體現在當有圖片數據在剪切板中時（截屏工具如QQ(Ctrl + ALT + A), 網頁中右擊圖片點擊復制），Ctrl + V便可添加此圖片文件。
HTML5 & FLASH
兼容主流瀏覽器和低版本瀏覽器，介面一致，實現了兩套運行時支持，用戶無需關心內部用了什麼內核。而且支持IE6，IE8瀏覽器。
同時Flash部分沒有做任何UI相關的工作，方便不關心flash的用戶擴展和自定義業務需求。
基於內存映射模式進行IO操作，充分發揮操作系統性能。
MD5秒傳
當文件體積大、量比較多時，支持上傳前做文件md5值驗證，一致則可直接跳過。
如果服務端與前端統一修改演算法，取段md5，可大大提升驗證性能，耗時在20ms左右。
易擴展、可拆分
採用可拆分機制, 將各個功能獨立成了小組件，可自由搭配。
採用AMD規范組織代碼，清晰明了，方便高級玩家擴展。

⑤ nodejs 可以裁剪圖片嗎

windows系統默認的鍵盤上的print screen就可以
按下這個鍵後 再打開畫圖工具 直接粘貼到裡面就可以了 //////

⑥ js代碼實現在網頁中的圖片上傳極其縮略圖顯示功能！

javascript上傳不了圖片，除非把js作為伺服器語言來寫成asp，或用node.js。
否則js只是在前端瀏覽器裡面運行，沒許可權把文件上傳到伺服器。

上傳圖片是asp、php、jsp、.net之類的伺服器語言實現的。

⑦ 圖片上傳前用JS代碼進行預覽並編輯裁剪區域

http://love21cn.msn.com.cn的圖片上傳功能後可以實現區域截圖,也可以實現放大縮小...估計是用了JS來實現的:
var div_move = 0;
var IE = document.all?true:false;
var tempX,tempY,oldX,oldY;
var have_move = 0;
function grasp()
{
div_move = 1;
if(IE)
{
document.getElementById("source_div").setCapture();
}
}

function free()
{
div_move = 0;
have_move = 0;
document.getElementById("source_div").releaseCapture();
}

function getMouseXY(e)
{
if (IE)
{ // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft
tempY = event.clientY + document.body.scrollTop
}
else
{
// grab the x-y pos.s if browser is NS
tempX = e.pageX
tempY = e.pageY
}
// catch possible negative values in NS4
if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}
}

function move_it(e)
{
getMouseXY(e);
if(div_move == 1)
{
if(have_move == 0)
{
//alert('a');
oldX = tempX;
oldY = tempY;
have_move = 1;
}
var left = parseInt(document.getElementById("source_div").style.left);
var top = parseInt(document.getElementById("source_div").style.top);
//alert(top);
//alert(left);
//alert(tempX);
//alert(oldX);

document.getElementById("source_div").style.left = left + tempX - oldX;
document.getElementById("source_div").style.top = top + tempY - oldY;
oldX = tempX;
oldY = tempY;
}
}

function change_size(method)
{
if(method == 1)
{
var per = 1.25;
}
else
{
var per = 0.8;
}
document.getElementById("show_img").width = document.getElementById("show_img").width*per;
//document.getElementById("show_img").height = document.getElementById("show_img").height*per;
}

function micro_move(method)
{
switch (method)
{
case "up":
var top = parseInt(document.getElementById("source_div").style.top);
document.getElementById("source_div").style.top = top - 5;
break;
case "down":
var top = parseInt(document.getElementById("source_div").style.top);
document.getElementById("source_div").style.top = top + 5;
break;
case "left":
var left = parseInt(document.getElementById("source_div").style.left);
document.getElementById("source_div").style.left = left - 5;
break;
case "right":
var left = parseInt(document.getElementById("source_div").style.left);
document.getElementById("source_div").style.left = left + 5;
break;
}
}

function turn(method)
{
var i=document.getElementById('show_img').style.filter.match(/\d/)[0]
//alert(i);
i=parseInt(i)+parseInt(method);
//alert(i);
if(i<0)
{
i += 4;
}
if(i>=4)
{
i -= 4;
}
//alert(i);
document.getElementById('show_img').style.filter='progid:DXImageTransform.Microsoft.BasicImage(Rotation='+i+')'
}

function mysub()
{
var Oform = document.myform;
Oform.go.value = 1;
Oform.width.value = document.getElementById("show_img").width;
Oform.left.value = document.getElementById("source_div").style.left;
Oform.top.value = document.getElementById("source_div").style.top;
if(IE)
{
Oform.turn.value = document.getElementById('show_img').style.filter.match(/\d/)[0];
}
Oform.submit();
}

蘋果樹下也有類似功能不過,功能要比你所說的強大的多...

資料搜集於網路知道！

⑧ 用js裁剪圖片大小尺寸和java代碼裁剪圖片尺寸哪個效率高

那還用問，當然是Java啦。

⑨ 求js上傳圖片->預覽->剪裁後生成圖片->上傳的demo.

瀏覽器不允許直接操作本地的文件，所以截取需要找其他方式，一般比較流行的做法是，在前端做一個類似截取的流程，最後保存下來的是截取的坐標，然後將截取坐標傳送到後台由後台根據坐標截取，前端只負責顯示。

截取流程就是你已經找到的插件都基本ok的，如果你一定要執行前端截取，可以嘗試canvas，在你走完截取流程後獲得坐標後，新建一個canvas根據坐標把圖片渲染在canvas中，然後將canvas中的圖片傳送給後端，我不太確認canvas能否完美完成任務，我感覺canvas還是會完整的將圖片傳送給後端。所以只能自己去嘗試了。

⑩ html5+js怎麼實現手機頭像上傳，可裁剪

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