`

使用jquery对图片进行裁剪

阅读更多

使用技术:

jquery

jquery.Jcrop.js

java servlet fileupload jsp

实现上传图片,裁剪,裁剪后缩略图

附件有java工程,可直接运行。

 

  • 大小: 3.6 KB
  • 大小: 38.7 KB
分享到:
评论
2 楼 smallboby 2011-01-11  
jayghost 写道
你好,我运行了你的demo,在IE下,正常,在chrome和火狐都显示待裁剪不出图片,请问在你的机子上是正常的吗?谢谢


不好意思,我是在IE6下测试的。你可以看下代码,看我哪写的有问题,等我有空也再看下。咱们可以一块把问题给解决了。谢谢。
1 楼 jayghost 2011-01-10  
你好,我运行了你的demo,在IE下,正常,在chrome和火狐都显示待裁剪不出图片,请问在你的机子上是正常的吗?谢谢

相关推荐

    jQuery实现的对上传图片进行裁剪插件

    以上就是关于“jQuery实现的对上传图片进行裁剪插件”的主要知识点,它通过jQuery简化了图片裁剪的功能实现,提高了用户体验,同时也减轻了服务器的负担。在实际项目中,开发者可以根据具体需求调整插件参数,以实现...

    基于jquery的图片裁剪插件

    以下是一个简单的JQuery图片裁剪插件使用示例: ```html <!DOCTYPE html> <script src="https://code.jquery.com/jquery.min.js"></script> <script src="cropper.min.js"></script> <button id="crop">...

    jquery_图片裁剪

    在IT行业中,jQuery图片裁剪是一项常见的前端技术,主要用于网页上的图像处理,让用户可以自定义裁剪区域,以便上传或编辑图片。以下是对这个主题的详细讲解。 标题"jquery_图片裁剪"指的是使用jQuery库实现的图片...

    jquery坐标图片框裁剪.rar_jquery坐标图片框裁剪_坐标裁剪

    在这个场景中,jQuery被用来创建一个交互式的图片裁剪插件,使得开发者能够轻松集成到他们的项目中。 坐标裁剪机制基于坐标系统,用户可以通过鼠标或触摸设备选择图片上的任意位置作为裁剪的起点和终点,从而形成一...

    jquery-Jcrop实现图片裁剪截图上传和保存

    1. **jQuery插件**:jQuery Jcrop是一个JavaScript插件,它扩展了jQuery的功能,为图片裁剪提供了一套完整的解决方案。 2. **图像选择**:Jcrop允许用户通过鼠标拖动来选择图片的一部分,创建一个选区,这被称为...

    jquery图片预览与裁剪

    "jQuery图片预览与裁剪"是一个针对多种浏览器实现的解决方案,包括火狐、IE6至9、谷歌以及世界之窗等主流浏览器。这个Demo的改进确保了跨平台和跨浏览器的兼容性,提升了用户体验。 首先,让我们深入了解一下图片...

    php+html+jquery实现图片裁剪上传

    在这个例子中,我们使用了jQuery库以及一个名为`cropper.js`的图片裁剪插件。用户选择图片后,我们可以用jQuery监听`change`事件,读取文件并显示预览。 接下来,是jQuery部分,用于处理图片裁剪和上传。在`main.js...

    jquery 图片裁剪

    - 在个人资料编辑页面,用户可以上传照片并使用 jQuery 图片裁剪插件自定义头像。 - 在电商网站,用户上传商品图片时,可以先通过裁剪确保图片符合展示规格。 - 在图片分享社区,允许用户裁剪图片以适应不同的...

    jquery坐标图片框裁剪.rar

    本教程将详细讲解如何利用jQuery实现一个基于坐标选择的图片裁剪功能,如"jquery坐标图片框裁剪.rar"所示。 首先,我们需要理解基本的图片裁剪原理。在网页上,用户可以通过拖动一个可调整大小的选区来选择图片的...

    php+jquery图片裁剪代码.

    然后通过jQuery加载图片,并使用Cropper插件初始化图片裁剪功能。例如: ```javascript $("#image").cropper({ aspectRatio: 1 / 1, // 设置裁剪框比例 preview: ".preview", // 预览区域 done: function(data)...

    jquery实现的图片裁剪插件

    总结来说,jQuery图片裁剪插件是一种强大的工具,它利用jQuery库简化了图片裁剪功能的实现,提高了用户体验。通过合理地配置和集成,开发者可以在各种应用场景中,如在线照片编辑、头像上传、产品图片处理等,轻松...

    PHP+jQuery制作的图片上传裁剪程序源码

    - **JQuery插件**:很可能使用了如jQuery Cropper这样的插件,它提供了一套完整的前端图片裁剪解决方案,包括拖动、缩放、旋转等操作。 - **坐标与尺寸**:用户在前端选定的裁剪区域会生成相应的坐标和宽高,这些...

    jquery进行图片裁剪

    **jQuery图片裁剪技术详解** 在网页开发中,图片裁剪功能经常被用于用户上传头像、产品展示等场景,让用户体验更加个性化。jQuery作为一款广泛使用的JavaScript库,结合一些插件可以方便地实现这一功能。本文将详细...

    Jquery图片裁剪插件

    在IT行业中,jQuery图片裁剪插件是一种广泛应用于网页端的图像处理工具,它使得用户在前端就能方便地对上传的图片进行裁剪,以适应不同的应用场景,如头像设置、产品图片展示等。本篇将详细介绍jQuery图像上传裁剪...

    jquery图片裁剪插件

    jQuery图片裁剪插件为开发者提供了便捷的解决方案,使得用户可以在浏览器端对图片进行自由裁剪,满足特定尺寸需求。本文将深入探讨该插件的核心功能及实现原理。 一、插件简介 “jQuery图片裁剪插件”是一个轻量级...

    jquery实现图片居中裁剪

    本篇文章将深入探讨如何使用`jQuery`实现图片的居中裁剪,以达到在不同尺寸的图片上保持视觉一致性。 首先,我们需要理解“居中裁剪”的概念。这并不是指真正意义上的图像处理软件中的裁剪操作,而是指在浏览器中,...

    jQuery头像图片上传插件,可裁剪

    2. **图片裁剪**: 插件允许用户对上传的图片进行裁剪,以适应特定的尺寸要求。这通常涉及到canvas元素,它能够进行图像处理。用户可以通过拖动裁剪框或者输入数值来调整裁剪区域。裁剪完成后,canvas会根据选定的...

Global site tag (gtag.js) - Google Analytics