注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jQuery图像裁剪插件croppic

jQuery插件 fishcity 967浏览

croppic图像裁剪是一款基于jquery的强大的应用,它将满足您对图片裁剪的需求,它的图像加载效果、展现效果以及裁剪都非常棒,用在网站的头像上传功能是非常不错的,相信您看Demo后一定会喜欢上此应用。

使用方法

初始化

最简单的实现。请注意您必须提供该容器的宽度和高度。

JS调用语法

var cropperHeader = new Crop('yourId');

很简单的html代码

<div id="yourId"></div>

CSS样式

#cropContainerHeader {
    width: 200px;
    height: 150px;
    position:relative; /* or fixed or absolute */
}

上载 URL

您的 img 上载处理文件的路径。

写上JS调用

var cropperHeader = new Crop('yourId', cropperOptions);
    var cropperOptions = {
        uploadUrl:'path_to_your_image_proccessing_file.php'
}

您将收到通过 AJAX POST 方法的图像文件作为多部分/格式数据 ;

(请注意 ajax 仅限于同一域请求)

后保存的图像成功,你必须返回以下 json。

(图像宽度和高度所需的限制最大缩放级别,所以图像不模糊。

{
    "status":"success",
    "url":"path/img.jpg",
    "width":originalImgWidth,
    "height":originalImgHeight
}

错误响应的情况下

{
    "status":"error",
    "message":"your error message text"
}

上传数据

您想要发送给您的图像上传处理文件的附加数据

JS

var cropperHeader = new Crop('yourId', cropperOptions);
var cropperOptions = {
    uploadUrl: 'path_to_your_image_proccessing_file.php',
    uploadData: {
        "dummyData": 1,
        "dummyData2": "text"
    }
}

更多的参数设定与操作,请查看官方文档

转载请注明:jQ酷 » jQuery图像裁剪插件croppic

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。