问题标签 [croppie]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
163 浏览

javascript - 从字符串中获取 xyw?

我在javascript中有一个字符串,例如:

我想从变量 , , 中的这个字符串中提取lefttop获取,widthx值。yw

我该怎么做呢?

注意: x 和 y 的值是有意为正的,而不是错误的。

这是裁剪图像或使用croppie.

这是完整的代码:

对我必须提出服务器请求的建议持开放态度。我正在考虑发送这些坐标,因为我无能为力。

0 投票
1 回答
302 浏览

jquery - Croppie JS 使用 jquery 分离裁剪功能和上传功能

我已经得到了这个工作代码,但是我想调整一些我想将裁剪和上传分开的东西,但是当我点击裁剪按钮然后用它发送我的上传时,我不知道如何获得裁剪的图像结果单击上传按钮时的.php。

我已经尝试搜索与我相同的问题,所以我不需要在这里发布问题并打扰任何人但仍然没有运气我也阅读了文档但我仍然不知道该怎么做。请帮助我卡在这里..谢谢

** 这是我的 JSfiddle **

** 这是我的上传.php**

0 投票
1 回答
436 浏览

java - 使用 Java PlayFramework 2.6 将裁剪的“croppie”图像上传到服务器

在过去的 2 天里,我在谷歌上搜索,仍然找不到解决此问题的方法。我可以使用 type 属性设置为 file 的 input 元素上传。但我无法使用croppie将裁剪后的图像上传到服务器。

这是我的 register.scala.html:

这是我的 main.js:

这是我的 ProfilesController.java

这是路由文件的片段:

我使用上述解决方案得到的错误是:

[完成异常:java.lang.NullPointerException]

请帮忙!在过去的两天里,这一直困扰着我,我只是想不通。

0 投票
0 回答
405 浏览

jquery - 如何在 step js 或 tab js 中使用 Croppie?它在步骤 js 中不起作用

我需要在 Steps Js 中使用 Croppie Js 上传和裁剪图像。但它不起作用。当我禁用 Steps 时,它可以正常工作。我不知道是什么问题。我也在 Bootstrap Modal 中对其进行了测试,但它也不起作用。你能检查下面的代码并帮助我吗?这是我的代码,我希望有人能救我

0 投票
1 回答
2657 浏览

javascript - Croppie 结果发送到 Web 服务器

有人可以帮我吗?我对 JavaScript 不是很精通,我一遍又一遍地阅读文档,并在这里查看了许多帖子,并在谷歌上搜索了这个问题。我无法获得裁剪后的结果并将其发送到我的网络服务器。这是我的代码。

HTML:

JS:

0 投票
0 回答
380 浏览

javascript - Iphone 中的图像旋转问题(croppie)

我正在尝试上传图像,然后单击旋转它,但由于某种原因,此功能不适用于任何 iPhone。

HTML

JS

控制台错误

0 投票
1 回答
188 浏览

django - 通过 request.FILES 引发 MultiValueDictKeyError 获取 base64 图像数据

实际上我需要获取croppie javascript库生成的base64图像数据。图像数据如下所示。

这是我的 HTML

我将图像数据绑定到隐藏输入的 js 的最后一部分。

这是我的看法

我认为图像数据不是一个字符串,这就是 request.FILES 引发错误的原因。但是我该如何解决这个问题,在此先感谢。

0 投票
1 回答
1133 浏览

croppie - 调整图像大小保持纵横比?

我正在使用最新版本的 Jquery Croppie v2.6.2。当可调整大小的功能可用时,可以定义 Jquery 裁剪,以保持纵横比......宽度/高度之间的关系?像这样的 2:1 。例如,如果我用 500x250 调整图像大小,这很好!但我不想改变正方形并生成 400x250 的图像......但也是 400x200?还是 100x50?使用“正方形”调整图像大小时保持比例为 2:1?

现在我可以做到这一点:

在此处输入图像描述

调整大小时是否可以保持关系宽度/高度?换句话说,避免“正方形”可以在不保持宽度/高度之间关系的情况下自由调整图像大小......你知道 Croppie 配置是否可能?或者如何更新 Jquery Croppie 库以允许此功能?

0 投票
1 回答
355 浏览

javascript - 无法将输入字段中的裁剪图像设置为文件

在我的应用程序中,我使用croppie 裁剪图像然后预览然后上传裁剪的图像。我已经将图像裁剪为预览,但我无法在我的输入字段中设置该裁剪值。

在此模式中,我曾经选择文件并在裁剪预览并从此模式上传之后。我无法在第二个输入字段中设置裁剪图像。

这是我的croppie js。我想在 upload_preview 输入字段中设置裁剪图像。请帮助我。谢谢。

0 投票
0 回答
867 浏览

php - Croppie base64 图像损坏

我将图像作为 blob 存储在 mysql 数据库中。获取并加载它后,我得到一个损坏的图像图标。也许 JQuery Ajax 有问题或内容不完整?

我该如何解决?

以下是相关页面的一些代码片段:

编辑个人资料页面:

插入图像文件

个人资料查看页面

结果(左上角的破碎图像)

损坏的图像图标