问题标签 [croppie]

我的应用程序有一个编辑窗口，用户可以在其中选择和上传个人资料图像。

我使用以下方法：

文件：this.selectedFile 将被上传到后端。这就像一个魅力。

控制台反映了加载的文件，如：

现在我在页面中创建并添加了一个croppie 组件。Croppie 生成 64base 格式的裁剪图像结果。

计划是将来自croppie的文件也分配给this.selectedFile，并像上面描述的输入字段中的文件一样处理它。

所以我尝试转换它，并将生成的文件发送到父组件。这也很好用，除了它不是我用 $emit 向上发送的文件这一事实...

在父组件中，它由以下方式处理：

现在控制台显示：

有谁能帮我把文件从响应对象中取出来吗？

对于这样一个一般性的问题，我很抱歉，但我很难让谷歌单独回答这个问题。也许我没有问正确的问题？

这是我需要做的：

• 需要从外部 API 获取图像。
• 直观地裁剪图像并调整其大小。
• 将转换后的图像保存到数据库。

我正在查看一些 js 库，例如 jcrop、Croppie 和cropperjs，但所有这些都只能让我手动上传图像。我想知道是否已经有解决方案？或者也许有人以前做过这个并且愿意分享他们的解决方案？

顺便说一句，我在 Laravel 中执行此操作，所有这些都将仅在后端执行。

谢谢。

我遇到了一个没有错误消息的问题。我不知道为什么会这样。我的代码在本地主机上 100% 工作。但是当我将代码上传到实时共享主机时，上传过程后没有任何反应。我正在使用 codeigniter 3。这是我的 html 代码：

这是我的 javascript 代码：

这是我发布的 ajax url 控制器：

任何人都知道这件事，请帮助。

问题解决了

好的，伙计们...非常感谢您回复我的帖子。问题仅在提交按钮上。我将我的代码更改为：

<button class="btn bg-dark upload-result"><i class="icon-check pr-2"></i> Set Gambar Profil</button>

变成这样：

<a class="btn bg-dark upload-result"><i class="icon-check pr-2"></i> Set Gambar Profil</a>

问题解决了。使用（按钮）语法，您将立即提交给服务器。因此，您在提交时没有太多时间。然后我将其更改为语法（a）并真正解决了我的问题。看起来像小问题，没有错误信息你会头疼。

我正在尝试在上传之前裁剪图像并且我正在使用 Croppie.js 插件，但我不知道我在控制台中收到“ Uncaught TypeError: $(...).croppie is not a function ”这个错误.

我尝试在正文之前的文件末尾使用此插件，并尝试在头部和 html 之间使用此插件，但我遇到了同样的错误。我不知道为什么会这样。

这是我的代码。

我已经在一个文件中尝试了所有代码，并且在那里运行良好。