问题标签 [croppie]

我正在使用croppie js 在我的项目中加载图像，图像在 Chrome 和 Firefox 中加载良好。
这就是我在 Chrome 和 Firefox 上得到的

这在 Internet Explorer 11 上。

这是我的代码

谁能告诉我为什么这个问题发生在 IE11 上？

在被croppie裁剪到GCS后，我正在尝试上传照片。gcs write(imageToUpload) 方法失败，因为 imageToUpload 当前不是文件，而是 BLOB。有谁知道使这项工作的方法？也许，python 中将 BLOB 转换为文件的一种方法？可以从 Croppie 返回的图像类型有：1) Canvas、2) HTML、3) BLOB 和 4)Base64这是文档 (Ctrl-F "Result")。任何帮助将非常感激！

我不想使用 Croppie 上传和裁剪图像。 https://foliotek.github.io/Croppie/ 我已将croppie.css 和croppie.js 添加到我的文件中。我想在覆盖页面中添加 Croppie，这是代码：

然后在构造函数中，我使用这些代码来初始化 Croppie。

编译后，我面临这个错误。（对不起，我不知道为什么屏幕截图在链接中）。

错误截图

非常感谢。我对javascript很陌生。

我正在尝试将图像裁剪器添加到我正在处理的网站中。我基于它的示例在这里：

https://jsfiddle.net/Twisty/afb76b7f/8/

JS 面板声称它是纯 javascript，但它也使用 JQuery（如果我没记错的话，根本不熟悉它）。我正在尝试删除它，以使网站尽可能易于维护，但出现错误。

HTML：

CSS：

JS

所以，据我了解，第一个 $( function () ) 可以通过调用 onLoad 方法来简化， $('demo-croppie' ) 可以通过使用 document.getElementById ( 'demo-croppie' ) 来简化

所以，页面导入croppie javascript文件

croppie.jscroppie.min.js

并试图像这样简化脚本（页面正文的 onLoad 事件）

但我得到一个参考错误：

我无法在任何地方找到croppie 函数，也无法理解如何将它与对象相关联。

这个问题有明显的解决方案吗？

如果有人有更多建议，我也很乐意尝试使用方形结果图像裁剪图像的任何其他库

我正在尝试在我的角度项目中添加crooping，以实现这样的目标（如官方 croopie 文档中所示）：

[![在此处输入图片描述][1]][1]

我找到了一个链接“Croopie for Angular”，如下所示：

https://github.com/allenRoyston/ngCroppie

在我运行命令后：

在我的文件夹中的项目中，node_modules新文件夹来了：ng-croppie，我将它移出，node_modules在我的解决方案中它看起来像这样：

[![在此处输入图像描述][2]][2]

现在在本教程中它说：

将 ngCroppie 模块包含到您的项目中；

但是当我试图添加ngCroppie到我的时，app.module它根本无法识别......

所以我想知道如何将这个 croopie 添加到 Angular 项目中？

任何形式的帮助都会很棒！

谢谢

基于 mr.void 答案，并通过示例中的链接，我得到以下问题：

即使我将croppie文件夹放在正确的位置？

我正在尝试向我的 Angular 项目添加一个croppie，并通过以下链接：

我执行了这个命令：

这在我的 node_modules 项目中添加了croppie 和 ngx-croppie，但现在我面临下一个错误：事实上，当我打开我的组件时，存在这个问题：

在我的 node_modules 中没有croppie 文件夹，但在node_modules/@types/croppie 中存在，如下图所示：

所以在这里我裁剪图像并发送到 Symfony 控制器......

控制器

我犯了什么错误吗？我正在尝试将图像从 Ajax 发布到 Symfony 4，但控制器似乎无法获取从 Ajax 发送的图像文件。谁能帮助我如何将图像从 Ajax 发送到控制器？

我已经使用以下配置在我的应用程序中实现了croppie js。

但在上传图像后，最终图像会被调整为更大的尺寸。假设我上传了大小为 9kb 的 png 图像，成功上传后它会转换为 60kb。

我在几篇文章中读到调整质量参数可以控制图像的质量和大小，但没有发生任何变化。谁可以帮我这个事？

或者任何知道图像调整大小比例的人都会受到赞赏。

例如，我有这个 JavaScript 函数：

现在我需要访问“crop”变量以在这些代码中使用：

由于我在此处编写的第二个代码块不在同一个函数中，如何访问 createCroppie 函数中的“crop”变量？

我正在使用一个名为Croppie.js裁剪图像的库。我想做的是：

• 由于输入 type=file 只接受图像文件，因此上传图片
• Croppie.js通过方法编辑它
• 将生成的图像放回文件输入中，替换原始图像

Croppie.js由于它的功能，它能够生成一个 blob result。因此，这就是它的样子：

因此我的问题是：

• 我必须从 Blob 转换为 File 吗？
• 如何将输入中的原始图像替换为编辑后的图像editedImg？

谢谢。