问题标签 [croppie]

我正在尝试使用Croppie 库将图像裁剪为 cicle

我试图使用它们的函数来返回 base64 编码的图像。它返回一个 base64 代码，但没有图像：这是我的代码：

我使用Croppie jQuery库来裁剪图像，但在创建多个实例时会遇到问题。

我没有找到有关销毁实例的文档。

我正在使用 jQuery Croppie 库来裁剪用户上传的文件。当用户上传文件时，我正在打开用户可以裁剪图像的模式。之后我想将此裁剪图像设置为文件输入值，以便用户可以在一切准备就绪时提交表单，但我不知道如何将裁剪图像“设置”为输入值。

这是我的代码。

该bind()方法mounted有效，但在通过安装的按钮单击时调用时无效。我正在为croppie和vue2使用vue包装器。有谁知道我是否可以this.$refs.croppieRef.bind()直接在模板中使用？

我正在使用croppie.js 裁剪我的图像并将其发送到服务器。但有时服务器会显示大图像的 413 错误。有没有其他方法可以在不使用 64 基本字符串的情况下将图像作为图像发送。因为来自croppie.js 的响应是以64 基字符串的形式出现的。

这是我的 jQuery 代码片段。

我如何在后端实际裁剪和压缩（调整为片段大小）图像？

我在前端使用croppie：https ://foliotek.github.io/Croppie/

我完全迷路了，小的指导会很有帮助。

谢谢！

我可以毫无问题地裁剪 50K 到 10 mb 的图像。当我将 trigram 传输到 Hostgater 的 VPS 服务器时，裁剪过程永远不会完成。“泡沫”从未停止。我在我的 VPS 服务器上配置了以下设置 max_execution_time => 300,memory_limit => 1000,post_max_size => 1000,max_input_time=>60 任何其他我错过的东西请帮忙。检查以下链接上的问题https://www.boats4sale.com/b4sell/individual/dashbaord/editListing/684用户名 => Ajay@1234567890 密码 => Ajay@1234567890 还找到代码。 服务器上的大图像裁剪需要什么样的设置 还找到我使用的代码 public function img_crop_to_file() {

我在尝试使用 Laravel 中的 StoreAs 方法来存储尚未由 html 文件处理程序附加并且已通过类型为“文件”的请求发送的图像时，已经走到了尽头。

我使用croppie创建了一个裁剪图像：https ://foliotek.github.io/Croppie/

但是，croppie 似乎没有为我提供一个简单的解决方案来将裁剪的图像附加到标准的 html 文件处理程序。所以我决定将图像信息和图像名称附加到一个隐藏的文件元素，并将它与我的发布请求一起发送到我的 laravel 实例。但是，我现在的问题是我想使用 StoreAs 方法，因为它允许我将我的图像附加到一个我可以检索的特定 url，当检索大量图像时，我发现它非常有用。

Laravel 中的 StoreAs() 方法显然只允许使用 UploadedFile 类型的对象，它基于 Symfony\Component\HttpFoundation\File\UploadedFile 类。当在 html 中使用文件处理程序时，这个 UploadedFile 对象显然是与文件一起自动发送的。

我有一个类似这样的base64编码图像：data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAgAElEQVR4nOy9d3RUZ5ruuyvnnJNyzpEgcg4mO+e23U7t3Hl6wu2ZOTPn3Dtn8unTTTAYMGBjbDAYCZRBapRIkkpSqZ 和图像名称。

我发现我可以自己在 Laravel 中创建 UploadedFile 对象，但我很难理解如何创建这个 UploadedFile，然后使用 StoreAs() 方法将其链接到生成的 url。

我在这里找到了这个链接：Laravel - UploadedFile 实例的文件路径 和这个在这里：https ://gist.github.com/m241802/0b5d0a98318304ff08cf

但是我仍然没有完全理解如何从我拥有的图像和图像名称中创建一个 UploadedFile 对象。

有谁知道如何做到这一点？甚至可以为我的问题提出一个更优雅的解决方案？也许有人有更好的解决方案来解决我在使用croppie 库后如何在发布请求中发送文件对象？

提前感谢您的帮助！

我正在将 Croppie 与这样的引导模式一起使用，但我在浏览器的控制台中收到以下错误，这意味着当我单击 Crop 按钮时，错误如下： ReferenceError: outWHeight is not defined 这是我的Js代码（虽然您可以在CodePen链接中找到完整代码）：

我正在使用带有 react-rails 的 javascript 图像裁剪器（croppie）。我已经在 react 中设置了croppie，它工作正常。这是我的代码。

这是我的图像 src

当我尝试使用“onClick = {this.resultantImage}”获取裁剪图像时，如下所示：

1. 当我尝试检查此图像 src 时，resp 给了我图像 src 它是空白的（透明）？
2. 当我尝试将此图像保存在回形针中时，还有一个空白图像？

请帮忙。谢谢