问题标签 [jcrop]

在我的页面上，我有很多表单，在女巫字段中，ID 是基于 DB id 生成的。像这样：

这为我提供了所有形式的唯一 ID。现在我在 jquery 框架中有 Javascript 函数，它设置了不起作用的指定字段的值：

值 c.* 可以，但显然#x<?php echo $content->getId()?>不起作用。正确的方法是什么？问候。

我一直在尝试使用在这个网站上找到的 jquery 插件的混搭。据我所知，这是一段相当不错的代码，只是有几个问题。

我的主要问题是，如果我尝试上传大于 Firefox 中最大文件大小的文件，它会发送一个 javascript 警报，提示“错误”，它应该这样做，但随后会导致 firefox 崩溃，我必须以物理方式结束该过程。

我的下一个问题是，当您上传图像并指定裁剪目标时，它实际上似乎并没有裁剪它，而只是调整图像的大小以适合小区域。

我会很乐意自己浏览代码，但我对 javascript 知之甚少，对 jQuery 几乎一无所知，但我确实对 php 有一些了解，所以这方面的事情不应该太糟糕。

希望有人能帮忙，内特。

想象一下您在 Facebook 上的个人资料。更改头像时，您选择一张新图片，对其进行裁剪，然后将其保存。之后，新头像将显示在您的个人资料中。

在我的网站上，我想提供同样的服务——这已经奏效了。

但是：我无法在创建后立即显示新的和（！）裁剪的头像（使用 php）。我只能显示新的，但未裁剪的。刷新我的网站后，一切正常。

我只是不知道该站点如何能够显示未裁剪的头像，因为它不再存在。它被裁剪后的替换。

非常感谢你！

本杰明

我正在使用 Rails 3.0.7，我正在尝试关注这个 Railscast：http ://railscasts.com/episodes/182-cropping-images 。目标是允许用户编辑使用 PaperClip 和 Jcrop 上传的图像。但是我不断收到此错误：

这真的很奇怪，因为当我在没有 Jcrop 的情况下使用 PaperClip 时，图像加载正常，ImageMagick 没有任何问题。我的 development.rb 文件如下所示：

我已经证实这确实是 Imagemagick 所在的地方。为什么 Paperclip 和 Imagemagick 可以在没有 Jcrop 的情况下工作，但是当我添加 jquery 插件 jcrop 时突然停止工作。除了 devlopment.rb 之外还有其他地方需要放置 command_path 吗？？？

或者，除了 jcrop 之外，有没有人知道任何其他方法来裁剪使用 Paperclip 上传的文件？

我正在尝试允许对我的应用进行裁剪。但是，当我运行此方法时：

Paperclip 中有问题的代码如下所示：

我的头像模型如下所示：

我给 Paperclip 在我的 development.rb 中找到 ImageMagick 的路线是这样的：Paperclip.options[:command_path] = "/usr/local/bin/"我已经验证它确实是 ImageMagick 的家。

有趣的是，我可以毫无问题地上传图片。只是当我尝试运行此方法以裁剪它们时，我遇到了问题。有什么建议么。使用回形针 (2.3.11)

我正在开发一个使用 JCrop 裁剪用户个人资料图像的 Codeigniter 应用程序。

上传图像后，我使用标准方法运行 Jcrop 并通过表单提交坐标。

所有这些都可以在 Safari 和 FF 4.0 上完美运行。用户选择一个区域进行裁剪，提交，页面会用裁剪后的图像刷新。

在 Chrome 和 IE8 上，当用户提交时，页面会刷新但图像不会被裁剪。踢球者 - >如果在浏览器中点击刷新，则图像被裁剪。

不用说，这很奇怪。有没有人建议从哪里开始调试这个问题——或者你以前见过这种情况/描述过吗？

感谢您的帮助。

编辑：仍未解决，但进一步测试表明这可能是 Cr 和 IE8 上的缓存问题。即使裁剪尺寸已由服务器上的 codeigniter 提交、处理和保存，Chrome 似乎仍会保留原始上传的图像并显示它。在我用于裁剪的 CI 控制器的末尾，我放了

redirect('/profile/picture', 'refresh');

在提交裁剪图像后加载新页面时，这对 Chrome 和 IE8 没有影响。仅当我在浏览器上手动触发“刷新”时，裁剪的图像才会显示。

我检查了我的服务器图像文件并确认了这一点：虽然裁剪的图像保存在我的服务器中，但 Chrome 上显示的图像文件（同名）具有以前的未裁剪尺寸。

我正在尝试将 Jcrop 用于我的应用程序，尽管我遇到了一个错误。我去了演示页面，那里也存在错误。这是创建它的方法。

转到此演示页面 http://deepliquid.com/projects/Jcrop/demos.php?demo=advanced

确保选中以下选项“可以移动选择”
“可调整大小的选择”“纵横比”“minSize/maxSize 设置”

创建一个选定区域，将其拖动到左上角，抓住选区的右下角（好像要调整它的大小）并将其拖动到图像的左上角。

一旦您通过图像的左上角，选择区域就会向下折叠为 0x0 像素选择。

此错误仅在设置纵横比时发生。否则它工作正常。

我想知道是否有人有任何使用这个插件的经验来解决这个错误。我整天都在经历它，但还没有弄清楚。

--Edit-- 在花了几个小时之后，我能够得到大部分修复的错误。我更改了以下代码。

这阻止了它倒塌，但它仍然表现得有些错误。

--结束编辑--

我（松散地）遵循RailsCasts 教程 #182，它使用 Paperclip、ImageMagick 和 Jcrop 来允许自定义裁剪上传的图像。

由于我使用 Amazon S3 进行文件存储，我不得不重新调整教程的某些部分以适应。一切似乎都很完美，除了我的图像的裁剪版本没有被重新处理（或者重新处理的结果没有重新上传到 S3） - 所以在裁剪过程之后，我留下了我最初上传的同一张图片（这适用于我为每张图片存储的所有图片尺寸）。

这是我的特征（如特征图像）模型：

这是我的“cropper.rb”（回形针处理器）：

我的 FeaturesController 的相关操作：

以及我的“crop.html.erb”视图的相关行：

问题不在于自定义裁剪（偏移量、裁剪区域等）有错误，而是当我单击“裁剪”时没有裁剪——我只剩下从原始图像中获得的图像上传/处理。似乎没有“image.reprocess！” 正在发生（或者重新处理的结果没有保存到 S3）。

为什么会这样，我能做些什么呢？

我正在使用 jQuery 插件 Jcrop。我对名为 setSelect 的初始设置之一有疑问。

该属性接受具有两组 x 和 y 坐标（左上角和右下角）的数组。

从视觉上看，这完全符合我的预期。它放置一个裁剪选择，左上角 1/4 进入图像（x 和 y），右下角 1/4 从图像右下角进入图像。像这样：

http://www.codetunnel.com/content/images/VisuallyFine.jpg

但是当我去移动它时，它会跳到这个位置：

http://www.codetunnel.com/content/images/Jumps.jpg

它立即跳到那里，我没有把它拖到那里。如果我尝试拖动默认选择，它会在移动一个像素或更多像素后跳转。在它跳跃后，我可以正常移动它。这是一个小问题，但很烦人。

有任何想法吗？

我使用回形针 + S3 存储图像

当我用图像创建一个对象时，一切都很好（我的 S3 Bucket 中存储了 4 个不同大小的图像的 4 个副本）

当我使用 JCrop 裁剪图像时出现问题，S3 存储 4 个副本，但裁剪图像的大小相同，实际上是大尺寸。

我的控制器.rb：