问题标签 [croppie]

更新

上下文：我有一个正在编辑事件数据的表单：事件照片、标题、描述等。当用户打开编辑表单时，所有数据都在表单字段中。用户可以选择编辑数据并更新，或不进行。

问题：如果用户没有更改照片并按下“提交”，照片就会消失。

期望结果：如果用户选择更改照片，我希望更新照片，如果用户不更改照片，我希望保留现有照片。

** 更新** 我以前认为这是一个 PHP isset() / empty() 检查，但事实并非如此。这是一个javascript问题，我没有经验。我相信提交按钮和提交 id 会导致 javascript 触发，而不管 php.ini 是什么。

HTML图像输入表单的代码。

提交按钮

JAVASCRIPT

我认为问题是我需要一个条件来防止在我按下提交按钮时触发 javascript。我现在正在网上搜索，但我真的不知道如何写那个条件。

任何帮助表示赞赏。

场景是我正在上传并裁剪最多 4 张图像到一个页面。裁剪图像后，它将显示在页面上。但是，当我上传并裁剪第二张图片时，第二张图片会在屏幕上出现两次；基本上也覆盖了我上传的第一张图片。

我已经设法在 Javascript 的以下部分中解决了这一点，如果我在其中放置一个alert('is repeating');，它将触发我上传和裁剪图像的次数。因此，如果我在第二轮上传图像，则警报将在裁剪阶段触发两次。如果我第三次上传和裁剪图像，警报将触发 3 次，依此类推。

期望的结果是，当我上传并裁剪第一张图像时，它将出现在带有 ID 的图像元素下

然后当我上传并裁剪第二张图片时，它将出现在带有 ID 的图片元素下

等等等等。

如果有人可以提供一个很棒的解决方案。在过去的几天里，我一直在绞尽脑汁并疯狂地在谷歌上搜索解决方案，但没有运气！！

[HTML和Javascript如下]

我在处理这段 Croppie.JS 代码时遇到了一些严重的问题。

它在 Croppie.JS 演示上运行。通过变量调用croppie插件正在工作并报告括号内的对象。

但是，当我尝试将其链接到旋转按钮时，没有任何旋转。

我可以使用绑定功能中的方向设置来旋转它，但是这似乎只有在我同时刷新整个页面时才可以访问？

我希望有人可以在这里帮助我，我很乱。

我只是想让它在您上传图片时，您可以在提交之前旋转它，而无需每次都刷新页面（因为刷新页面也在旋转图像？！）

//代码：

我想在我闪亮的应用程序中添加简单的裁剪功能，可以裁剪上传的图像并将其保存到文件系统中。

上传图像和使用croppie.js 渲染的第一部分有效，但我无法在按钮单击工作时获得裁剪并将裁剪图像保存到 www/ 文件夹的第二部分。

第一个问题是在第二个 JS 代码块中不能再引用 JS 变量 basic。即使，我也不知道如何使用变量croppedImage 将图像作为jpeg 文件保存到www 文件夹。

编辑：

好的，我找到了一种将 base64 编码图像从 Javascript 传递给 R 的方法Shiny.onInputChange。现在我需要解码图像并使用 R 保存。但这不起作用，图像文件已保存，但无法打开。

我是PHPand的初学者Ajax query。我正在尝试上传profile image使用croppie.js plugin. 当我上传时image，图像会像1580192100.png. 但我的问题是不可能retrieve the image根据userid.

这是我尝试过的代码。profilepic.php页

php fetch代码是；

我不知道我哪里错了。请帮我。

我一直在寻找 Croppie 库：https ://foliotek.github.io/Croppie/

但是如果我上传一张图片（网页需要更多信息），我无法意识到如何正确使用它。如何在croppie中设置我上传的图像？我尝试过绑定或其他方式，但我无法在里面显示它。

我把我的代码留在这里（在官方页面上看到的几乎一样）：

HTML

JS

我正在使用croppie.js 库以模式裁剪图像并通过ajax 保存在数据库中。

它在输入类型文件时工作。但点击文件类型后不需要它。我有一个带有 src 的 img 标签，当我单击此图像时，相关图像应该是模态的，我可以裁剪图像。

我的 img 标签是：

当我单击此图像时，我的croppie 库应该可以工作。

我的模态是：

我目前正在开发一种可用于上传两个裁剪图像的工具（在本例中为：签名）。为此，我使用 Croppie.js 库。我的问题是只有第二个 preview-crop-upload 有效，而第一个在预览图像时立即返回空白图像。有人可以看到我做错了什么吗？

HTML：

注意：这些上传也有两个单独的模式，但故障不在那里。

JavaScript/jQuery：

抱歉，如果这是一个愚蠢的问题，我对 JS 还很陌生，这个问题已经困扰了我几个小时......谢谢你的阅读:)

编辑：注释掉 JS 代码的第二部分（从 #close_modal2 开始）将使第一部分工作，但第二部分现在显然不起作用。我还将第二部分中的 reader 变量重命名为“reader2”，但这也没有帮助。

我正在尝试将croppie 的裁剪结果上传到S3 存储桶。当我成功裁剪然后尝试上传裁剪结果时，我目前收到空白错误。

我遵循了 Amazon 文档，包括设置 S3 存储桶、身份池和配置我的 CORS。

我相信这个错误与croppie如何打包裁剪结果有关。我已经包含了我的 app.js 文件（我在其中处理上传）和调用 addPhoto 函数的代码。Resp 是来自croppie 的响应。

预期的结果是我可以成功裁剪照片，然后将其上传到我的 S3 存储桶。

应用程序.js

我正在使用 Croppie.js 在我的网站上裁剪和上传图像。但是，我发现在浏览图像时，它还会显示视频和其他格式文件，甚至正在选择它。我搜索了解决方案的文档，但找不到。它确实在文档中说明了支持 jpeg 和 png 的格式，但这只是结果。我没有找到限制显示视频文件的方法。任何帮助，将不胜感激。

代码：