Jcrop是一個jQuery圖片裁剪插件,它能為你的WEB應用程序快速簡單地提供圖片裁剪的功能。特點如下: 對所有圖片均unobtrusively(無侵入的,保持DOM簡潔) 支持寬高比例鎖定 支持 minSize/maxSize設置 支持改變選區或移 動選區時的回調 ...
頭像裁剪是一個經常用到的功能,實現原理也較為簡單,就是在本地選擇好所需裁剪圖片的坐標,將坐標發送到服務器,由服務器執行圖片裁剪操作。 jQuery插件Jcrop提供了強大的圖片裁剪坐標選擇插件。一下來介紹它的用法。本處采用了AJAX本地上傳一張圖片的方法讓用戶裁剪。很多驗證沒有做,因為作為一個關於Jcrop的例子,很多驗證不如與本文研究的范疇。服務器端采用MVC 實現。 直接貼代碼,詳解注釋里面有 ...
2012-12-21 14:02 2 12479 推薦指數:
Jcrop是一個jQuery圖片裁剪插件,它能為你的WEB應用程序快速簡單地提供圖片裁剪的功能。特點如下: 對所有圖片均unobtrusively(無侵入的,保持DOM簡潔) 支持寬高比例鎖定 支持 minSize/maxSize設置 支持改變選區或移 動選區時的回調 ...
Jcrop簡介 Jcrop 是一個功能強大的 jQuery 圖像裁剪插件,結合后端程序(例如:PHP)可以快速的實現圖片裁剪的功能。 Jcrop是一款免費的軟件,采用MIT License發布。 注:本文主要圍繞 Jcrop v2.0.0-RC1 版本進行介紹,一些參數或API ...
Jcrop是一個jQuery插件,它能為你的WEB應用程序快速簡單地提供圖片裁剪的功能。 特點: 對所有圖片均unobtrusively(無侵入的,保持DOM簡潔) 支持寬高比例鎖定 支持 minSize / maxSize設置 支持改變選區或移 動選區時的回調 ...
Jcrop插件本身並不含有圖片截取功能,它僅僅是在前端層面構建一套截取動畫效果並產生4個坐標點,插件使用者將這4個坐標點傳回至服務器接口上進行截取操作。其優點是具有較高的通用性、瀏覽器兼容性(IE6+)及穩定性高,缺點是無法適用於手機H5開發(無圖片縮放、拖拽效果)。 最新版的Jcrop已更新 ...
Jcrop是一個jQuery圖片裁剪插件,它能為你的WEB應用程序快速簡單地提供圖片裁剪的功能。特點如下: 對所有圖片均unobtrusively(無侵入的,保持DOM簡潔) 支持寬高比例鎖定 支持 minSize/maxSize設置 支持改變選區或移 動選區時的回調 ...
(本文原創,引用請注明出處--zhangjieatbky) 環境准備 准備jquery、jcrop的js和css(官網獲取)、jquery的文件上傳下載組件 html代碼 ...
今天有一個項目的功能需求 “在上傳照片的時候能進行裁剪”,網上找了下,發現有Jcrop這款插件,自己試了下,感覺很不錯,蠻好用的。又能增加用戶體驗,測試了兼容性也很好,所以在這里分享下 首先,可以到官網上下載這款插件 htttp://www.jquery.com ,下載后有需要的話可以看下里面 ...
先看效果 需要的文件下載 鏈接:http://pan.baidu.com/s/1b8SI6M 密碼:59ct 頁面代碼 里面用戶的uuid是寫死的test 后台代碼 ...