问题标签 [croppie]

这很可能是我的编程不佳，但我使用了一个库“Croppie”来裁剪照片并发布它。Croppie 插件被包装在一个表单中，其中包含也需要发送的数据，但它不起作用。

然后将 from 发送到同一个控制器，但 post 不会一起收集在全局$_POST数组中。

Croppie 插件对图像进行裁剪和解码，然后我的应用程序应该收集该信息并在数据库中与表单的其余部分一起创建记录。

我正在尝试将带有图像的表单提交到 php 页面中，我正在使用croppie 裁剪图像并将结果放入“输入”文件元素中，然后我希望提交我的表单。

我的js：

我的html：

问题是，$('#ppForm').submit();由于某种原因，这一行被跳过了（我已经使用 javascript 调试了 js，我看到它$('#fileInput').val(resp);运行并将裁剪的值放入输入中，但是代码刚刚结束并且没有提交发生）。我也试图在那条线上设置一个断点，但它从未到达那里。为什么提交被忽略？

我angular-croppie用来裁剪我的图像。收割机工作正常，但有问题。我想在 The Modal 中打开裁剪器。但是，当我单击choose file button使用文件资源管理器窗口打开的模式时，我想在从文件资源管理器中选择图像后打开模式，然后在裁剪器中显示该图像。我正在为这个功能使用 AngularJs 和 Jquery。

我的代码的 CodePen 链接在这里

我已尽力解释这个问题，但如果您仍然不明白，请单击给定的链接。请不要将此问题标记为重复，因为我已经在 StackOverflow 上进行了搜索，但仍然找不到解决方案。

我参考了这个网址

我正在使用croppie 插件，它在Android、Chrome、Mozilla 上运行良好。但不适用于 iOS 和 Safari。如果我从 iOS 上传了一张图片，那么它会旋转 90*。此外，图像未在 Safari 上上传。这是我的完整代码，

HTML

JS

ajaxpro.php

请帮我修复。

我在上传之前使用croppie来编辑图片。任务是在不重新加载页面的情况下销毁并再次初始化这个插件。

所以我已经拥有了：

经过一些操作 - 我隐藏了插件：

毕竟有些情况下我再次需要croppie并且js代码的第一部分再次工作，所以我在控制台中有：

显然我现在只是检查当前元素的初始化插件。我发现了什么：

这个答案- 它总是true（因为它包含库并且它返回函数），我无法检查这种方式； 这是同一个问题。

那么，如何确保该插件现在已初始化？

PS它可能是croppie或任何其他插件。谢谢！

我正在使用Croppie裁剪和上传图像。一切正常，除了我无法在上传之前设置默认图像。如果有人提供帮助，我将不胜感激：

这是我的javascript代码：

演示图片：

我用谷歌搜索了很多，但找不到解决方案。Croppie 文档对我也不起作用。:(谢谢

这是一个很长的问题，我非常感谢您抽出宝贵的时间-希望您可以浏览大部分粘贴的代码。

我一直在从事一个 Django 项目，该项目涉及用户上传图像（并在客户端裁剪/旋转图像，然后将最终图像发送到服务器）。我发现并使用的 JavaScript Image Cropper 是Croppie，带有一些基本的自定义。当时整个过程都在工作（大约 4 个月前，2017 年 11 月），但后来我把这个项目搁置了。

我最近恢复了它，并且通过一些新的包更新，我对 Django 代码做了一些小的修改，但没有触及 JavaScript/HTML 部分。令我惊讶的是，当我尝试上传图像时，控制台抛出了一个ConnectionAbortedError并触发了一些下游错误，非常像在这个问题中遇到的。

完整的错误日志如下：

该表单生成为 Django 模型表单，其中'ProductPic1','ProductPic2'有两个 ImageField 并导致当前问题。

模板在哪里：

和 JavaScript：

有关错误的更多信息： 1. 即使在抛出错误之后，只要正确填写表单的其他部分，仍然可以提交和发布 - 只是帖子没有附加图像。2. 当我完成选择要上传的文件/图像时抛出错误。单击选择文件按钮-选择图像-单击打开-错误抛出-图像打开，您可以执行裁剪和旋转-单击裁剪和上传-模态关闭并返回表单-继续提交表单-没有图像数据传递给服务器。

我很困惑，因为从 4 个月前的工作到现在没有工作，我所做的改变很少，特别是我很确定我根本没有接触过 JavaScript 部分。

Django 版本可能已经改变 - 我现在使用的是Django 1.11.7，但我不记得我之前使用的是什么。此外，虽然我对 JavaScript 不太熟悉，但似乎没有任何与连接相关的东西 - 不是所有事情都在客户端完成吗？

如果您需要更多信息来帮助查明问题，请告诉我。

提前致谢！

我是 angular 5 的新手，正在努力在我的应用程序中实现 angular-croppie-module。我试图在模块 github 上有一些答案，但没有成功。似乎croppie.directive.d.ts 只能导入“Croppie”命名空间而不是类。结果，一旦我到达带有我得到的模块的页面

错误类型错误：__WEBPACK_IMPORTED_MODULE_1_croppie___default.a 不是构造函数

我创建了一个 github 存储库来展示问题的简单演示 https://github.com/ErwinSanquer/croppie-demo

谢谢，

我正在使用croppiejs的人，我需要在圆圈中裁剪图像所有这些都将在一个模式上完成，该模式将显示为文件输入更改，并将其保存到数据库中。目前我只需要显示裁剪图像，即图像的结果，croppie但是当我单击保存以显示我的裁剪图像时，我得到了空白的白色图像作为响应。我试图找出问题所在，并且croppie在显示我的模态之前对我来说似乎是绑定实例，但我很确定这里不是这种情况。我也没有在控制台上收到类似警告错误的消息。想知道我的代码有什么问题。

这是我的代码和小提琴

HTML

JS

感谢帮助 ：）

问候

我曾使用 Jquery Croppie在弹出模型中要求裁剪或缩放图像，我曾使用 fancybox 在弹出窗口中显示图像，现在我想在弹出模式中制作裁剪图像或缩放图像，但它不再工作了。我已经完成了弹出模式，

弹出模型完美地显示了图像，但现在我想使用我试过的croppie让它裁剪、缩放、调整大小，

当 Popup 打开 Image 父类时，fancybox-image-wrap这就是我将其作为选择器的原因。在正常模式下它的工作，但我怎么能在弹出模型中做到这一点。请帮忙。我完全陷入了困境。

谢谢你。