问题标签 [cropperjs]

从 POST 请求中读取数据时遇到问题。

请求截图

从前端看来一切都很好，但是当我尝试读取后端的请求数据时什么也没得到。

后端查看代码

ajax 调用的选项

我完全空白，任何帮助将不胜感激。

我使用cropper.js 裁剪图像。裁剪和显示效果很好。

我现在想使用 jQuery 的 Ajax 将图像上传到目录 /uploads （权限设置正确）

问题：图片没有上传，实际上什么也没发生。

代替

我也试过直接上传（就像推荐在https://github.com/fengyuanchen/cropper

但既没有上传图像，也没有执行我的 php 脚本“upload.php”。

但是，控制台显示“上传成功”

似乎有很多关于此的帖子，但在其中找不到解决方案，我已经碰壁了。帮助，亲爱的堆垛机！

我正在编写一些代码，让用户选择个人资料图片，对其进行裁剪，然后将裁剪后的图像保存在服务器上。我正在使用 Cropper.js 库来处理实际的裁剪并确定它正在工作，因为我可以使用以下代码实时显示裁剪：

现在我想将裁剪后的图像发送到服务器，最好的方法似乎是创建一个 blob 和 Ajax 到一个 php 脚本来处理它。

在这个阶段，我只是将我的 php 脚本放到 var_dump($_REQUEST) 中，这样我就可以在控制台中看到脚本认为它得到了什么。但是，响应只是发回默认的 $_REQUEST 对象，例如 PHPSESSID，没有文件或 uuid 输入。

我究竟做错了什么？

在此先感谢您的任何指点。

我正在尝试将Chen Fengyuan 的 'cropperjs'集成到我正在设计的网站中，并且我的界面与裁剪框一样可以正常工作。然而，我对 Javascript 和 jQuery 的有限知识让我陷入了停顿。

我想做的是单击画布下的一个按钮（类似于获取裁剪画布按钮），然后使用简单的 jQuery AJAX 调用将裁剪后的图像发布到服务器。

我不需要裁剪图像的预览，因为图像已经在界面上预览。但是，我似乎无法成功执行此操作，因为每次我尝试使用“cropperjs”文档中提供的方法时，都会出现如下浏览器错误：

ReferenceError：裁剪器未定义

我尝试了各种方法，并在网上看到了很多解决方案，但我似乎无法做到正确。我知道我做错了什么，但因为我对 Javascript 和 jQuery 的理解不够好。我真的很挣扎。文档提到了使用 Cropper 构造函数进行初始化，但我不知道该怎么做，我猜这就是我的问题所在？任何人都可以帮忙吗？

我在内容管理系统中使用 Cropper https://github.com/fengyuanchen/cropper，但我很难让它修复裁剪图像的大小。

我想要做的是确保在画布上绘制任何大小的裁剪框也会导致裁剪图像大小正好为 560px X 420px 被传递到网络服务器。

我目前拥有的 iQuery 代码是：-

裁剪后的图像很好，但始终会根据绘制的裁剪框的大小产生可变大小。无论裁剪框如何，有什么方法可以在客户端站点上固定大小，以便放大或缩小图像，而不使用 PHP 重新缩放它？

我在反应中使用cropperjs：

这不适用于跨源图像。但是，当我将“crossOrigin”更改为“crossorigin”时，它会起作用。但我得到了警告：

警告：未知的 DOM 属性跨域。你是说crossOrigin吗？

我想知道如何在 react 和cropperjs 的 img 选项卡中使用“crossOrigin”属性？这里是cropperjs库： https ://github.com/fengyuanchen/cropperjs

我正在创建一个图像编辑器，用于在上传之前编辑图像。

所以为此，我使用cropper JS。

但这里有一些问题，图像的大小在编辑图像后会增加。

所以，我想在编辑后保持图像的质量，就像原始图像一样。

这是索姆

我正在使用 Cropper 插件裁剪图像。上传图像后的高度和宽度是正确的，但不知何故它设置为 200 和 100，这是插件的 minContainerWidth 和 minContainerHeight 的默认值。我不明白出了什么问题。我是使用以下选项

我正在使用这个插件https://fengyuanchen.github.io/photo-editor/制作在线照片编辑器。我可以将裁剪的图像保存在服务器上，但是如何使用相同的高度、宽度重新创建相同的裁剪效果, X 和 Y 用于在服务器上创建该图像。如果用户想编辑该图像。我希望我的问题清楚

我有一个适用于 Laravel + VueJs 的项目。但我是初学者，我使用 Vue 的技能太低了。在这个项目中，我必须使用cropper-js（https://github.com/fengyuanchen/cropperjs#cropperjs）。我找到了一个专门用于 vue-js 的库的实现（https://github.com/Agontuk/vue-cropperjs）。我从 package.json 复制了一个字符串

并执行

npm 安装

比，在我的 app.js 中，我写了

从'vue-cropperjs'导入VueCropper；Vue.use(VueCropper);

启动应用程序后，在控制台中，我看到下一个文本

无法读取 null 的属性“_init”

我也尝试直接在组件文件中使用该代码

我从这里复制了这段代码（https://github.com/Agontuk/vue-cropperjs/blob/master/example/src/App.js）。

但现在我明白了

无法读取未定义的属性“替换”

任何人都可以说出错误是什么以及我做错了什么？