问题标签 [cropper]

我使用 fengyuanchen jQuery 裁剪器已经有一段时间了，效果很好……但奇怪的是，它的一部分突然停止工作了。我没有更新核心文件，也没有进行任何可能破坏它的更改。事实上，在寻找解决方案时，我在网上找到了一些“头像示例”的示例，所有这些示例都以与我相同的方式被破坏。

我猜它可能是浏览器/w3c 标准问题？不知道还有什么可以为我们所有人打破它。

问题是，在头像示例中，当单击要更改的图像时，它应该将该图像加载到裁剪器中并进行初始化——这不再发生。

如果您单击上传按钮，则新选择的图像一切正常……只是原始图像加载似乎不起作用（也不向控制台抛出任何 js 错误）

这是一个示例，但如果您拥有或安装了开箱即用的示例代码，它也会一样中断。非常感谢任何帮助 - 我已经为此绞尽脑汁了好几个小时，却一无所获。:(

http://dev.phplans.com/admin/crop/examples/crop-avatar/elevation.php?plan_id=1060541&uid=3&elev_url=/media/wm/3/plans/1060541_elevation.png

感谢大家！！克里斯

使用cropper.js，我可以裁剪/调整图像大小，但有什么方法可以，例如，从图像中删除文本？或绘图？然后保存还是下载？

谢谢你的帮助

https://jsfiddle.net/dalinhuang/dsh33tu8/

几天来一直在使用cropper JavaScript 插件来裁剪图像。想不通。我是一个 php 人，JavaScript 对我来说就像希腊语。似乎我从谷歌搜索中看到的所有示例都假设读者实际上熟悉 JavaScript 而我不熟悉。我的挑战是哪个裁剪器方法实际存储了 dataurl，以及如何检索它以传递给 php 脚本以处理成图像或传递给 JavaScript 函数以显示在与图像相同的页面上。

我使用cropper.js 裁剪图像。裁剪和显示效果很好。

我现在想使用 jQuery 的 Ajax 将图像上传到目录 /uploads （权限设置正确）

问题：图片没有上传，实际上什么也没发生。

代替

我也试过直接上传（就像推荐在https://github.com/fengyuanchen/cropper

但既没有上传图像，也没有执行我的 php 脚本“upload.php”。

但是，控制台显示“上传成功”

我正在使用cropperjs裁剪图像并上传它们。我目前可以裁剪 JPEG 图像，但不能裁剪 PNG 图像。对于 JPEG 和 PNG 图像，img 标签在我裁剪后在控制台中显示 base64 字符串。

对于 JPEG 图像，在我裁剪并悬停在图像上之后，我可以看到图像。

但是，当我将鼠标悬停在 PNG 裁剪图像的 base64 字符串上时，没有显示图像。我看到的是这样的：

PNG裁剪图像base64字符串

这就是我裁剪图像的方式：

我努力了

和

也。我的输入类型是：

我努力了

和

也。请帮助或建议我，我搜索了许多帮助链接并尝试了几种方法来解决这个问题。

我正在使用Cropper 3.1.3 和DropzoneJS 5.2.0，这两个流行的 JavaScript 库分别用于裁剪图像和删除/上传图像。

我将省略很多围绕 UI 的代码。在某一点上，我选择了一个裁剪区域，然后按下“裁剪”按钮。按钮执行：

由此，我希望将 blob（文件）发送到 dropzone 并添加，最后创建缩略图。但这不会发生。那么，如何使用 DropzoneJS 强制创建缩略图？

我在这里有一个完整的 JSFiddle来重现该问题。

我在内容管理系统中使用 Cropper https://github.com/fengyuanchen/cropper，但我很难让它修复裁剪图像的大小。

我想要做的是确保在画布上绘制任何大小的裁剪框也会导致裁剪图像大小正好为 560px X 420px 被传递到网络服务器。

我目前拥有的 iQuery 代码是：-

裁剪后的图像很好，但始终会根据绘制的裁剪框的大小产生可变大小。无论裁剪框如何，有什么方法可以在客户端站点上固定大小，以便放大或缩小图像，而不使用 PHP 重新缩放它？

嗨，我一直在使用 Android Image Cropper 库，尽管我已经能够通过从图库中获取图像来裁剪图像。

但是，如果我只是从 Imageview 中获取图像而不是从图库或相机中选择，我将如何开始图像裁剪活动？

我已经研究过，但您只能在使用图像 URI 时开始裁剪活动，但也许其他人已经能够做到这一点。

这是我的活动：

提前感谢您对此的任何帮助，如果有人有意见或更好的方法，将不胜感激：D

我将 Laravel (5.5) 与Backpack一起使用。Backpack 包含Cropper jQuery 插件，允许您在上传之前裁剪图像。

我需要在服务器上保存图像的裁剪版本和完整版本。裁剪版是缩略图，完整版是放大视图。

默认情况下，Backpack 实现仅保存图像的裁剪版本。我保存完整尺寸的计划是修改 Backpack 视图以包含一个额外的隐藏字段，该字段将包含完整尺寸的图像（onsubmit 设置隐藏字段的值？）。

我已经阅读了 Cropper 文档，但我不确定哪种方法会以全尺寸（裁剪之前）返回图像数据，以及该数据是否包含在表单提交中（不认为是）。

我有两个问题：

1. 完整的图像是否已经发送到服务器（除了裁剪的版本），如果是，保存它的字段的名称是什么？
2. 如果以上为假，是否有一个cropper 类的方法会返回给我图像数据，然后我可以在单独的字段中发送到服务器？

第二个问题有点含糊，因为我不太确定这个图片上传是如何工作的（似乎在上传之前转换为base64，但如果是的话，那就太令人惊讶了）。

提前致谢。

我正在寻找 jQuery 中的任何库以在上传之前进行图像裁剪。喜欢： http: //foliotek.github.io/Croppie/但它使图像尺寸大 6 到 7 倍。即 800kb 的图像将上传 7mb 或 8mb。