问题标签 [croppie]

基本上我正在做的是一个管理面板，在本节中，用户可以上传图像并更新图像。当用户单击图像时，模型将加载所选图像，并且在用户单击时下方将有一个选择新图像按钮，他们可以更新图像

我在裁剪图像时遇到错误

TypeError：null 不是对象（评估“singleInst.result”）

我正在使用croppie来裁剪图像。

我使用croppie 在我的laravel 应用程序中上传图像。上传部分完美无缺。但是，由于 PNG 图像比原始图像占用更多空间。我想将 jpeg 图像存储在服务器上而不是 PNG 上，并提供我自己的质量参数。

这是我使用croppie上传图像的javascript代码。但以PNG格式保存图像

大家下午好，我遇到了一个我无法解决的奇怪问题，我希望有人能帮助我找出导致这个问题的原因。为了提供一些上下文，我允许用户在产品上存储一组图像，然后使用 laravel-stapler 包存储它们，该包以以下方式配置：

图像保存在三个文件夹中：
../path-to-image/original/file-name
../path-to-image/thumbnail/file-name
../path-to-image/large/file-name

保存这些图像后，我使用croppie.js 旋转和编辑它们。在用户编辑和裁剪它们并提交后，图像作为 base64 发送到控制器，控制器在下面被缩短为仅相关部分：

这在我的本地机器上工作得很好，图像保存在两个文件夹中，我得到了一个新的裁剪和编辑的图像，但是在我的服务器上这不起作用，第一个file_put_contents不起作用并且不存储新的图像进入/large文件夹，但第二个 file_put_contents 工作并将新图像存储到/original文件夹中。

我不确定为什么会发生这种情况，如果您能给我任何帮助，我将不胜感激。我也不认为这是由于权限，因为我给了图像文件夹正确的权限，但我不能确定。该代码也不会崩溃，它只是在不保存第一张图像的情况下执行

使用 Image Croppie，我编写了一个代码来裁剪和调整图像大小。

我的代码：

问题 1：当我在更大的图像（比如说 4032 X 3024）上应用相同的大小以调整为（800 X 600）时，图像会失真

我尝试同时使用：重新采样和调整大小，然后将图像保存为最终 jpg，但静止图像会失真：

问题 2：当我使用 ImageCropper 裁剪 png 并将其另存为 png 时，我在输出图像中获得了背景颜色。我需要输出图像来保留透明背景。

我想使用 Croppie 插件来裁剪、调整大小并将个人资料图片上传到我的 laravel 应用程序。不幸的是，当我尝试使用 jQuery ajax 上传结果图像时，据我所知，它不包含在提交的请求中。请看下面的代码。我究竟做错了什么？

从我的blade.php：

这是我打印发送到我的 laravel 应用程序的请求时得到的：

如您所见，文件是空的，也没有“图像”部分......我做错了什么？

谢谢，W。

我有这个 javascript：

我只需要在上一行安全完成status--;后执行该行。$('#input').val(base64);

有一些简单的解决方案吗？

我正在使用 JavaScript Croppie 库来创建图像裁剪器。我的任务是添加按钮，让用户可以根据需要选择裁剪到特定纵横比，而不仅仅是自己调整大小（我包含的当前选项是 9 x 16、1 x 1 和 16由 9)。为此，我编写了一个名为 changeSize 的函数，它传入照片裁剪器的新宽度和新高度。这可行，但唯一的问题是每次单击不同的纵横比按钮时，它都会让我重新上传图像。我该如何解决这个问题？也许通过将图像保存为变量？没有把握。以下是我的参考代码：

我使用croppiejs以表格形式裁剪图像，然后将结果图像作为base64存储在隐藏输入中并将post值传递给PHP，现在我需要一个php代码来帮助我将Base64裁剪图像转换为实际图像和将其保存在“../images”文件夹中，这怎么可能？任何代码将不胜感激！

我正在尝试在我的隐藏模式事件块上销毁隐藏模式事件上的croppie实例，我的所有操作都运行良好，除了销毁croppie实例函数这是我的代码：

我所有的覆盖 div 和我的模态一样工作得很好，但是据我所知，当croppie 初始化时它会添加croppie-container 类和一些子节点，我试图删除这些节点并重置我的值输入文件，但是当试图重新初始化它时抛出croppie.js:1543 Uncaught Error: Croppie: Can't initializecroppie more than once 我真的很感激这里的任何帮助，并提前感谢

我目前正在尝试创建一个 React 组件来使用 Croppie 库上传和裁剪图像。

我找到了这个代码示例

我对这段代码的条件部分有疑问：

为了工作，必须将 Croppie 实例附加到 div 元素“image-helper”。handleImage 事件负责创建croppieInstance。但是到它被调用时，它似乎没有被渲染，因此无法创建croppie 实例。

我的假设对吗？

如果是这样，纠正代码的 React 方法是什么？

感谢您的帮助