问题标签 [croppie]

我在另一个本身可拖动的元素中有 Croppie。我想阻止 Croppie 的拖动行为，以便在不拖动 Croppie 的情况下也可以拖动外部元素（通过鼠标悬停在 Croppie 上）。实际上我需要打开和关闭这种行为。我已经尝试了所有常见的排列：

Croppie 有点隐藏在我的代码中。它包含在两个 div 中：

并通过以下方式动态写入：

所有这些都在 Bubble.is 的一个插件中。

但是如果不编辑我不想做的 Croppie，我就无法访问 Croppies 事件处理程序。我希望只有一个附加的“enableDrag”选项以及所有其他启用。还有其他想法吗？

我有一个带有 base64 url​​ 作为 src 的图像。我想使用输入文件（带有表单）将此图像发送到服务器。所以，我需要将 img 标签转换为输入文件。

我正在使用插件 Croppie 来裁剪图像。然后，将结果写入 img 标签。

我试图将 img 标签转换为文件。但后来我不知道如何将文件转换为输入文件。

我想要一个用裁剪后的图像填充的输入文件。

感谢您的时间。

我正在尝试使用 ajax 将 base64 字符串发送到我的 Razor PageModel。base64 字符串是 Croppie 结果的结果。任何帮助将不胜感激。我尝试了以下方法：

1)创建一个 FormData 表单并将其发送到我的 PageModel：

结果：

2）直接通过ajax传递base64字符串：

结果： URI 太长

3）通过post发送base64字符串：

结果： 400 错误请求。

我搜索了并没有给出太多信息的文档，并发现有几个人有同样的未解决问题。在实际上传之前，我一直在尝试使用croppie 裁剪上传的图像。裁剪功能一切正常，但上传的是未经裁剪的原始版本。从那以后，我了解到我需要以某种方式检索裁剪后的版本，因为它没有添加到表单中。它被转换为base64，我已将其分配给一个变量，但我不知道如何将它添加到表单数据中。任何帮助都会像往常一样令人惊叹。

我已经设法找到我需要的数据并将其保存到 ImageUrl，但我需要将其作为数据附加到#add-event-form。请帮忙！

我正在尝试使用croppie裁剪到文件夹和图像路径后保存图像，但它转换为base64&我也不知道如何将此数据发送到控制器&如何将图像保存到文件夹&它的路径数据库。

我已经尝试保存file.write功能，但它没有将图像数据发送回控制器

我想将图像保存在文件夹和数据库路径中，但它显示 base64 图像

我将 scalezoom 设置为 0.5，但它不起作用。我想为滑块设置最小和最大缩放比例

不应放大小于最小值，也不应缩小大于最大值。

我一直在尝试使用文件阅读器和croppie来允许用户在上传之前在本地编辑他们的图像（缩放/旋转/裁剪），但似乎无法让它正常工作。由于模态，我怀疑这是一个 DOM 问题，但我一生都无法弄清楚如何使它工作！

当我单击任何给定图片的动态“编辑”按钮时，模式会打开，但照片真的很大（不在模式内），并且没有可裁剪的边界框。

这是一个小提琴：https ://jsfiddle.net/noz2eb3y/

另外-我绝不与Croppie结婚-如果有人有一个很棒的（工作！）javascript库，他们知道哪个可以缩放/旋转/裁剪图像-我全神贯注！

我已经上传图片并用croppie裁剪，图片成功更新数据库并成功进入目录。

但是新图像会覆盖具有相同名称的旧图像，这是故意的。但是php再次显示的图像仍然是旧图像（图像已被新图像覆盖）

最初没有问题，但是当我超过 2 周没有打开项目时，出现了类似上面的问题

HTML 标记

JS 与 CROPPIE

上传过程

我希望新上传的图像出现替换显示图像的文件（例如索引文件等）中的旧图像

使用croppie.js裁剪上传后，回调函数无法设置img标签的src属性

试过了，

php

html

jQuery

我希望裁剪后的图像会显示在指定的图像标签中，但它不会发生。该文件作为裁剪图像存储在服务器文件夹中。只有回调成功函数不能分配src。上传后，图像标签显示其默认图像，该图像设置为静态图像。没有错误信息。

输出图像始终为 PNG，croppie 不保持原始格式。

我使用croppie库我想获得原始图像扩展名，但我得到了jpeg或png。