JQuery.imgAreaSelect 参数说明

【JQuery.imgAreaSelect 参数说明】的更多相关文章

JQuery.imgAreaSelect 参数说明

imgAreaSelect 参数说明: 参数描述 aspectRatio 设定选取区域的显示比率,如:”4:3“ autoHide 如果设置为true,当选择区域选择结束时消失,默认值为:false classPrefix 这是一个字符串,表示插件样式的类名加前缀,默认值为"imgareaselect" disable 如果设置为true,禁用插件 enable 如果设置为true,插件被重新启用 fadeSpeed 如果设置为大于零的数字,则用优美的淡入/淡出动画来显示图片,默认值…

网站中集成jquery.imgareaselect实现图片的本地预览和选择截取

imgAreaSelect 是由 Michal Wojciechowski开发的一款非常好用的jquery插件,实现了图片的截取功能.其文档和Demo也是很详尽的.大家可以到http://odyniec.net/projects/imgareaselect/了解更多的细节. 下面我们就开始使用imgAreaSelect 开始code吧. 第一还是要引用jquery,接着引用下载好的 jquery.imgareaselect.pack.js 文件和 imgareaselect-default.cs…

图片上传，图片剪切jquery.imgareaselect

---恢复内容开始--- <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&q…

圖片裁剪大頭貼功能 - ASP.NET WebForm + jQuery + imgAreaSelect

系統操作環境: ASP.NET WebForm .NET Framework 4.0 (C#) jQuery 1.7.1 imgAreaSelect 0.9.8 目錄結構: 與之前使用ASP.NET MVC的目錄結構相比,其實差異性不是很大,同樣的主要操作頁面都是有三個: Default 主頁面 Upload 上傳頁 Crop 裁剪圖片頁前端頁面的程式設定與使用 Crop頁面: <form id="form1" runat="server"> <…

Uploadify & jQuery.imgAreaSelect 插件实现图片上传裁剪

在网站中需要一个图片上传裁剪的功能,借鉴这篇文章 Ajax+PHP+jQuery图片截图上传的指点,找到了jquery.imgAreaSelect这个不错插件,能对图片进行自定义区域选择并给出坐标,类似微博等同类网站上传头像要求按比例裁剪的功能,正合适就自己做了个. 文件上传类经常使用到一个叫uploadify的插件,上面提到的文章也结合了uploadify插件的使用,只是现在版本的uploadify一些配置和方法已经改变了(3.2.1版本).包括jquery.imgareaselect的一些…

Jquery jcarousellite 参数说明

参数说明: btnPrev string 上一个按钮的class名, 比如 btnPrev: ".prev" btnNext string 下一个按钮的class名, 比如 btnPrev: ".prev" btnGo array 自定义滚动位置,类似幻灯片效果置,有选项卡,按照数组顺序,依次为按钮1按钮2按钮N,如以下,class名为1的按钮是第一个按钮:[".1", ".2"] mouse…

jQuery $.ajax 参数说明及调用注意事项

$.ajax参数设置备注:data.contentType.dataType属性值很重要!!! async 类型:Boolean 默认值: true.默认设置下,所有请求均为异步请求.如果需要发送同步请求,请将此选项设置为 false. 注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行. beforeSend(XHR) 类型:Function 发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头. XMLHttpRequest 对象是唯一的参…

jQuery imgAreaSelect Examples

案例:前端图片截取功能分布说明A:选择File本地选择的图片 B:根据需求按比例缩放图片 C:区域选择型操作 A: 选择图片 <input class="upfile" type="file" id="pictureUpload" name="pictureUpload"><image id="SelectImage"> B: 如果选择的图片比较大,则按照需求缩放即可 functi…

jQuery 图片剪裁插件使用之 imgAreaSelect

插件主页:http://odyniec.net/projects/imgareaselect/ 官方网站上说明支持的浏览器:The plugin works in all major browsers, including Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+. 插件的主要功能包括: 1. 可以选取固定比例或任意比例的选区 2. 可以设置选区的长宽最大最小限值 3. 可以设默认显示…

利用jquery的imgAreaSelect插件实现图片裁剪示例

http://www.cnblogs.com/mizzle/archive/2011/10/13/2209891.html 将用户上传的图片进行裁剪再保存是现在web2.0应用中常常处理的工作,现在借助jquery的imgareaselect插件再配合PHP的GD库就可以轻松的实现这个在以前来说非常棘手的功能.我们来看看它的实现步骤: 1.包含进CSS文件(imgareaselect-default.css)和 jquery.imgareaselect.js文件 2.html代码(要裁剪的图片元…